jQuery 验证 : how to customize trigger and response

Question

我是 jQuery 新手。我有一个基于 servlet 的应用程序，它呈现 HTML 表单。此表单是通过函数提交的，并且提交按钮不是 HTML 中的提交按钮。这是一个调用 JavaScript 函数来进行提交的常规按钮。

当运行提交函数时，servlet 还运行一个名为 doCheck() 的函数，该函数是用 javascript 编写的。这个 doCheck() 函数可以按页定义。如果 doCheck 返回 false，则 servlet 将停止提交；否则它将提交表单。

我想使用 jQuery 验证来适应 servlet 应用程序。有没有一种方法可以自定义手动触发的 jQuery 验证(即仅当执行 doCheck() 时)，但同时提供对 UI 的连续检查(即，如果在日期字段中输入无效数字，它将给出onblur 事件发生时适当的消息)？有没有办法让 jQuery 验证返回 true 或 false？谢谢。

Answer 1

您有几种选择来完全实现您想要的目标。如果您将 doCheck() 替换为:

function doCheck() {
  $("#myForm").validate();
  return $("#myForm").valid();
}

您现在正在调用验证库来检查表单是否有效并返回该表单。这将触发显示无效字段等消息。

See here for a full list of validation methods.

但是，默认情况下，验证插件会连接到表单上的提交方法并在那里停止，因此无论您如何调用 .submit() 它都应该已经可以工作，停止如有无效请提交。您可以使用 onsubmit: false option 来防止这种情况发生。如果你愿意的话。