javascript - jQuery 验证器附加方法未按预期工作

Question

我正在使用这个 jQuery 验证插件，http://jqueryvalidation.org/我正在创建一个加法方法，如此处所示。

jQuery.validator.addMethod('exists', function(value, element) {
    $.ajax({
        data: {username: value},
        type: 'POST',
        url: 'action/check/',
        dataType: 'json',
        success: function(data) {
            if (data==true) {
                console.log(data);
                return true;
            }
            if (data==false) {
                console.log(data);
                return false;
            }
        }
    })
}, 'This username is already in use');

我的控制台正在从检查脚本中获取正确的数据，在我的控制台中我可以看到 true 和 false 等。但我不明白的是，无论输入是什么，验证标志似乎都会标记输入。

rules: {
        password_confirm: {
            equalTo: 'input[name=password]'
        },
        username: {
            exists: true
        }
    }

我的数据库中已经有用户名 chris，所以当我在用户名输入中输入 chris 时，我应该得到一个重复用户的标志，但不管怎样输入我得到验证标志。

我错过了什么

Answer 1

您的验证将不起作用，因为它是异步的(ajax 请求)。

您可以使用现有的 remote rule为此，请确保您的请求返回 true/false 作为结果

  rules: {
    password_confirm: {
      equalTo: 'input[name=password]'
    },
    username: {
      remote: {
        url: 'action/check/',
        type: 'POST'
      }
    }
  }