jQuery Validate and Ajax - resetting validation after fail
I have a form using jQuery and the Validation plugin. One element uses Ajax to check if a username is in use. When testing with a username known to be in use, it works correctly and highlights the field stating the username is in use. However, when I change the username to one that is not in use, it never clears the error message and revalidates.
$("#frmID").validate({
onkeyup:false,
highlight: function(element, errorClass) {
$(element).addClass('inputError');
},
unhighlight: func开发者_开发知识库tion(element, errorClass) {
$(element).removeClass('inputError');
},
rules: {
username :{
required: true,
usernamecheck: true
}
and then the username check function is:
$.validator.addMethod('usernamecheck',function(username) {
var result = true;
var postURL = compath + "/user.cfc?method=QueryUserExists&returnformat=plain&";
$.ajax({
cache:false,
async:false,
type: "POST",
data: "username=" + username,
url: postURL,
success: function(msg) {
result = (msg=='FALSE')? true : false;
}
});
return result;
},'');
I've left out the validation error messages and some other validation for clarity.
I would try removing your highlight and unhighlight methods and simply specify an errorClass option in your validation setup. Since all you are doing is adding and removing a class you can let the validation framework do this for you. You can see more about the errorClass option here: http://docs.jquery.com/Plugins/Validation/validate#options
精彩评论