Jquery 添加的类规则在页面加载时执行答案

【问题标题】：Jquery added class rule executes on page loadJquery 添加的类规则在页面加载时执行
【发布时间】：2017-08-12 09:38:51
【问题描述】：

我正在使用 jquery validate 来验证表单并使用添加类规则

$(document).ready(function () { 
    jQuery.validator.addClassRules("checkDuplicate", {checkDuplicate: true});
});

函数 checkDuplidate 执行 ajax 调用以检查数据库中是否存在某个值并相应地返回响应。我面临的问题是，当我将它用于空白表单时，它工作正常，但是当我编辑表单时，即在页面加载时预填充值，类规则就会被执行。我认为这个问题与 document.ready 有关，但我无法找出放置此代码以在页面加载时停止执行的位置。

感谢您的宝贵时间。

【问题讨论】：

如果字段已预先填写，您不想在页面加载时执行验证？
@Terry - 是的，我只希望在聚焦或提交时使用它

标签： jquery ajax validation

【解决方案1】：

您可以尝试在表单提交时添加验证吗？

$(document).on('submit','#formId',function(){
   jQuery.validator.addClassRules("checkDuplicate", {checkDuplicate: true});
});

将“#formId”替换为您在 html 中使用的 formId。

【讨论】：

谢谢，为我工作。我还想在 focusout 上添加验证，所以我也在 focusout 上添加了相同的验证规则。解决了我的问题。