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

Question

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

那么如何使用以下语句validator.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 
    } 
} 

那么你需要消除varin editUser()。

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

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