在使用jquery validate时进行用户名检查,但问题是,当用户插入不可用的用户名时,它会显示错误,一旦用户尝试另一个用户名,显示的错误就不会用我的CSS设置样式。这是我捕获错误http://www.screencast.com/t/hQdRev1HOnh
的屏幕截图我发现问题出现在unhighlight功能中但是我尽力修复它,我仍然无法解决。
<script>
$('#reg_form').validate({
onkeyup: false,
errorClass: 'error',
validClass: 'valid',
rules: {
reg_username: {
required: true,
minlength: 3,
remote: {
url: "check_username.php",
type: "post"
}
},
reg_password: {required: true, minlength: 3}
},
messages: {
reg_username: {
required: "Please fill in your username",
remote: jQuery.format("{0} is already in use")
}
},
highlight: function(element) {
$(element).closest('div').addClass("f_error");
},
unhighlight: function(element) {
$(element).closest('div').removeClass("f_error");
},
errorPlacement: function(error, element) {
$(element).closest('div').append(error);
}
});
});
</script>