Как удалить сообщения об ошибках проверки 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 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 
    } 
} 

тогда вам нужно устранить var в editUser(),

Кстати, вы также можете сделать:

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

Answer 2

Я попробовал решение, но обнаружил, что в предыдущем решении есть небольшая ошибка, вы должны сделать это

Когда вы проверяете свою форму, вы получаете такой валидатор

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

и когда вам нужно сбросить форму, вы просто вызываете такой код

jqueryValidator.resetForm();

Хорошего дня =) Я надеюсь, что смогу помочь тебе.