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
Source: Tips4all
You want the resetForm() method:
ReplyDeletevar validator = $("#myform").validate(
...
...
);
$(".cancel").click(function() {
validator.resetForm();
)};
Grabbed it from the source of one of their demos.
If you want to simply hide the errors:
ReplyDelete$("#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.
Try to use:
ReplyDeleteonClick="$('.error').remove();"
on Clear button.
I tested with :
ReplyDelete$("div.error").remove();
$(".error").removeClass("error");
It will be ok when you need validate again.
Try to use this for remove validation on the click on cancel
ReplyDeletefunction HideValidators() {
var lblMsg = document.getElementById('<%= lblRFDChild.ClientID %>');
lblMsg.innerHTML = "";
if (window.Page_Validators) {
for (var vI = 0; vI < Page_Validators.length; vI++) {
var vValidator = Page_Validators[vI];
vValidator.isvalid = true;
ValidatorUpdateDisplay(vValidator);
}
}
}
found this on the demo site, i guess that will rewrite the default massages
ReplyDelete$("#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"
}
});