如何在单击“清除”按钮时删除 Jquery 验证错误消息

Question

编辑用户和清除用户是单独的按钮。

那么如何使用以下语句清除单击“清除”按钮时的错误消息 验证器.resetForm(); ？

function clearUser(){ 
       // Need to clear previous errors here 
} 


function editUser(){     
    var validator = $("#editUserForm").validate({ 
            rules: {                             
                userName: "required" 
        },  
        errorElement: "span" ,                
        messages: { 
          userName: errorMessages.E2 
        } 
      }); 

     if(validator.form()){  
        // form submition code 

    } 
} 

Answer 1

我尝试了该解决方案，但我发现之前的解决方案中有一个小错误，你应该这样做

当你验证你的表单时，你会得到这样的验证器

var jqueryValidator =
jQuery("#myForm").validate();

当您需要重置表单时，您只需调用这样的代码

jqueryValidator.resetForm();

祝你有美好的一天 =) 我希望我能帮助你。

Answer 2

只需将其设为全局即可，例如：

var validator;
$(document).ready(function() {
       validator = $('#editUserForm');
});

function clearUser(){ 
       validator.resetForm();
} 

function editUser(){     
    validator.validate({ 
            rules: {                             
                userName: "required" 
        },  
        errorElement: "span" ,                
        messages: { 
          userName: errorMessages.E2 
        } 
      }); 

     if(validator.form()){  
        // form submition code 
    } 
} 

然后您需要消除 editUser() 中的 var 。

顺便说一句 - 你也可以这样做：

function clearUser(){ 
       var validator = $('#editUserForm');
       validator.resetForm();
}