阻止自定义验证器在每次击键时触发

Question

我使用 MVC DataAnnotations 和 jQuery unobtrusive javascript 库编写了一个自定义验证器。它工作得很好。我现在唯一的问题是，在初始验证之后，如果用户编辑该字段，它会在每次击键时触发验证器。由于验证器使用 Web 服务来验证输入，因此我希望它始终只在用户离开该字段或提交表单时验证输入。有没有办法改变这种行为？这是我的代码：

<script type="text/javascript">
    $.validator.addMethod("validate_zipcode", function (value, element) {
        if (value == null || value.length == 0) {
            return true;
        }

        var isValid = false;
        $.ajax({
            async: false,
            dataType: "json",
            url: "/api/iszipvalid/" + value,
            success: function (response) {
                isValid = response;
            }
        });

        return isValid;
    });

    $.validator.unobtrusive.adapters.addBool('zipcode', 'validate_zipcode');
</script>

Answer 1

我不是肯定这将与 ASP.NET MVC 结合使用（稍后我将启动一个测试项目），但 validate 允许您 set defaults 验证所有实例像这样：

$.validator.setDefaults({ onkeyup: false });

如果您可以在 MVC 获得 validate 的句柄之前添加该行，它可能会起作用，但它会为所有表单中的所有字段禁用 onkeyup（从您的帖子来看，这似乎没问题） .

希望对您有所帮助。

Answer 2

您可以在开始新的请求之前取消您的 ajax 请求。您的代码可能类似于：

<script type="text/javascript">
  var request = null;

  $.validator.addMethod("validate_zipcode", function (value, element) {
    if (value == null || value.length == 0) {
        return true;
    }

    if (request != null) {  
      request.abort();
    }

    var isValid = false;
    request = $.ajax({
        async: false,
        dataType: "json",
        url: "/api/iszipvalid/" + value,
        success: function (response) {
            isValid = response;
        }
    });

    return isValid;
  });

  $.validator.unobtrusive.adapters.addBool('zipcode', 'validate_zipcode');
</script>

如果您查看使用 firebug 进行的调用，这就是 jquery UI 自动完成所做的事情。