说我有一个表格查找城市，州位置。如果用户输入不正确的城市，状态，我希望表单能够根据用户输入检查数据库，并查看输入是否有效。如果不是，我希望用户提示。
所以形式验证是我的插件。
$("#form").validate({
rules: {
citystate: {
required: true,myCustomAjaxSyncronousCheckAgainstDBRule: true
}
submitHandler: function(form) {
if ($("#form").valid()) {
form.submit();
}
}
});
现在说这个表单必须在我的网站的4个不同的地方使用，所以它会吸引重构myCustomAjaxSyncronousCheckAgainsDBRule(假名称btw)，并在我的网站上有相同的代码4次。所以这就是为什么我在JS文件中创建一个自定义规则。但是有一种方法，只能在提交时检查规则。因为如果有一个无效的用户输入，它会检查它在每一个关键的中风，这可能是相当麻烦的。特别是因为我有jQuery.ui.autocomplete运行不一致。
解决方法
作为一种替代方法，您可以将函数传递给jquery.validator的onfocusout和onkeyup设置，以决定是否必须在这些事件中验证元素，如下所示：
jQuery.validator.defaults.onfocusout = function (element,event) {
// detectect if is the element you dont want validate
// the element has to have the attribute 'data-control="mycitycontrol"'
// you can also identify your element as you please
if ($(element).data("control") === "mycitycontrol") return;
if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {
this.element(element);
}
}
jQuery.validator.defaults.onkeyup = function (element,event) {
// detectect if is the element you dont want validate
// the element has to have the attribute 'data-control="mycitycontrol"'
// you can also identify your element as you please
if ($(element).data("control") === "mycitycontrol") return;
if (event.which === 9 && this.elementValue(element) === "") {
return;
}
else if (element.name in this.submitted || element === this.lastElement) {
this.element(element);
}
}
