jQuery Validation插件自定义验证：不用async:false如何返回AJAX结果？

首先别用async:false——这会阻塞浏览器主线程，88个字段的表单用这个绝对会让用户卡到怀疑人生，完全不可取。

jQuery Validation本身就支持异步验证，你之前可能没注意到官方提供的remote方法，这才是处理这类场景的标准方案：

使用官方remote方法实现异步验证 #

直接在表单规则里配置remote，它会自动处理AJAX请求的异步逻辑，等待后端返回结果后再标记字段是否有效，无需手动处理回调或返回值：

$("#yourForm").validate({
  rules: {
    // 示例字段：需要异步验证的字段名
    targetField: {
      remote: {
        url: "/your-backend-proxy", // 你的后端中转接口
        type: "POST",
        data: {
          // 可以传递当前字段值或其他表单字段的值
          fieldValue: function() {
            return $("#targetField").val();
          },
          otherField: function() {
            return $("#otherField").val();
          }
        }
      }
    }
  },
  messages: {
    targetField: {
      remote: "该字段不符合要求" // 验证失败时的提示语
    }
  }
});

后端接口只需返回true（验证通过）或false（验证失败），或者返回字符串作为自定义错误提示。

若需自定义异步验证逻辑（不推荐） #

如果一定要通过addMethod实现，你需要手动管理验证状态，而不是试图直接返回布尔值：

jQuery.validator.addMethod("customAsyncCheck", function(value, element, params) {
  var validator = this;
  // 避免重复发起请求
  if (!validator._asyncInProgress) {
    validator._asyncInProgress = true;
    $.ajax({
      url: "/your-backend-proxy",
      data: { checkValue: value },
      success: function(res) {
        validator._asyncInProgress = false;
        if (!res.valid) {
          // 手动标记错误
          validator.showErrors({
            [element.name]: "验证未通过"
          });
        } else {
          // 清除错误状态
          $(element).removeClass("error").addClass("valid");
        }
        // 重新触发表单验证，确保状态同步
        validator.form();
      },
      error: function() {
        validator._asyncInProgress = false;
        validator.showErrors({
          [element.name]: "验证请求失败，请稍后重试"
        });
      }
    });
  }
  // 返回true让表单暂时通过预验证，后续靠AJAX结果修正状态
  return true;
}, "验证不通过");

这种方式需要自己维护请求状态，容易出现重复请求或状态不同步的问题，远不如remote方法可靠。

关于插件设计的疑问 #

这不是插件设计缺陷——同步验证是最基础的场景，异步验证则有专门的remote方法支持，你之前没关注到这个官方方案才会陷入误区。

内容的提问来源于stack exchange，提问作者sootsnoot