How to clear Jquery validation error messages ?

Question

Hi, I am using jquery validation plugin for client side validation.

but i want to clear error mesages on my form clear button

editUser() is called on click of Edit User button.

clear button having separated 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

    }
}

Thanks

Answer 1

found this on the demo site, i guess that will rewrite the default massages

$("#signupForm").validate({
    messages: {
        firstname: "Please enter your firstname",
        lastname: "Please enter your lastname",
        username: {
            required: "Please enter a username",
            minlength: "Your username must consist of at least 2 characters"
        },
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        confirm_password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    }
});

Answer 2

If you want to simply hide the errors:

$("#clearButton").click(function() {
  $("label.error").hide();
  $(".error").removeClass("error");
});

If you specified the errorClass, call that class to hide instead error (the default) I used above.

Answer 3

Try to use:

onClick="$('.error').remove();"

on Clear button.

Answer 4

You want the resetForm() method:

var validator = $("#myform").validate(
   ...
   ...
);

$(".cancel").click(function() {
    validator.resetForm();
)};

Grabbed it from the source of one of their demos.

Answer 5

I tested with :

$("div.error").remove();

$(".error").removeClass("error");

It will be ok when you need validate again.