Question

我有一个使用jQuery和Validation插件的表单。一个元素使用Ajax来检查用户名是否正在使用中。使用已知正在使用的用户名进行测试时，它可以正常工作并突出显示用户名正在使用的字段。但是，当我将用户名更改为未使用的用户名时，它永远不会清除错误消息并重新生效。

$("#frmID").validate({
  onkeyup:false,
  highlight: function(element, errorClass) {
     $(element).addClass('inputError');
  },
  unhighlight: function(element, errorClass) {
     $(element).removeClass('inputError');
  },
  rules: {
username :{
   required: true,
   usernamecheck: true
  }

然后用户名检查功能是：

$.validator.addMethod('usernamecheck',function(username)    {
  var result = true;            
  var postURL = compath + "/user.cfc?method=QueryUserExists&amp;returnformat=plain&amp;";
$.ajax({
  cache:false,
  async:false,
  type: "POST",
  data: "username=" + username,
  url: postURL,
  success: function(msg) {
     result = (msg=='FALSE')? true : false;
  }
});
return result;
},'');

为清晰起见，我遗漏了验证错误消息和其他一些验证。

Answer 1

我会尝试删除你的高亮和unhighlight方法，只需在验证设置中指定一个errorClass选项。由于您所做的只是添加和删除一个类，您可以让验证框架为您执行此操作。您可以在此处查看有关errorClass选项的更多信息：http://docs.jquery.com/Plugins/Validation/validate#options

jQuery Validate和Ajax - 失败后重置验证

1 个答案: