如何在单击清除按钮时删除 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();
}