How to remove Jquery Validation Error Messages on click of Clear Button

Question

Edit User and Clear User are separate buttons.

Then how will Clear the error message on click of Clear Button using following statement 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 

    } 
}

Damian Rojas · Accepted Answer · 2011-04-06 21:31:36Z

7

I tried the solution but i found there is a litle mistake in the previous solution, you should do this

When you validate your form, you get the validator like this

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

and when you need to reset the form you just invoke the code like this

jqueryValidator.resetForm();

Have a nice day =) I hope I can help you.

answered Apr 6, 2011 at 21:31

Damian Rojas

711 silver badge1 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

score 3 · Accepted Answer · 2010-01-20 11:01:26Z

3

just make it global, eg:

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 
    } 
}

then you need to eliminate the var in editUser().

btw - you can also do:

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

edited Jan 20, 2010 at 11:01

answered Jan 20, 2010 at 10:55

user57508

3 Comments

Vicky Over a year ago

Not a perfect solution ...Should i repeat the same thing var validator = $('#editUserForm'); in Clear button ?

user57508 Over a year ago

you can ... but you need not ... you can also use my first approach, which takes a global variable ...

user57508 Over a year ago

maybe this plugin offers a list of validators, so you can pick your desired one to clear it. otherwise: i fear nope

Collectives™ on Stack Overflow

How to remove Jquery Validation Error Messages on click of Clear Button

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related