jquery验证问题

Question

为了自定义验证输入，我编写了一个脚本：

function cardNumberCheck(value, element) {
        var res = false;
        $.get("/CaseHistories/ValidateCardNumber",
  { caseHistoryId: $('#CaseHistory_Id').val(), cardNumber: $('#CaseHistory_CardNumber').val() },
   function(data) { res = data });
      //alert(res) => works fine return true/false
        return res;
    }

    $.validator.addMethod("cardValidate",
 cardNumberCheck, "invalid");


    if ($('#CaseHistory_CardNumber').is("form *")) { //<= check if elem is in a form
        $('#CaseHistory_CardNumber').rules("add", {
            required: true,
            cardValidate: true,
            messages: {
                required: "*",
                cardValidate: "invalid"
            }
        });
    }

编辑： 所需的规则工作正常，但我的验证方法不会消除消息。
即使元素数据没有通过 cardNumberCheck 验证，提交也能正常工作

这里有什么不对？

Answer 1

这部分：

$.get("/CaseHistories/ValidateCardNumber",
  { caseHistoryId: $('#CaseHistory_Id').val(), 
    cardNumber: $('#CaseHistory_CardNumber').val() },
  function(data) { res = data });
    //alert(res) => works fine return true/false
    return res;
}

是异步的，它返回 undefined 因为成功函数直到稍后服务器响应数据时才会运行（无论多快，它肯定是在您的 JavaScript 继续运行之后）。它会发出警报，因为警报实际上是在稍后发生的，因为它是在数据返回时触发的……在验证代码运行之后。要进行同步回调，您需要这样做：

function cardNumberCheck(value, element) {
  var res;
  $.ajax({
    async: false,
    url: "/CaseHistories/ValidateCardNumber",
    data: { caseHistoryId: $('#CaseHistory_Id').val(), 
            cardNumber: $('#CaseHistory_CardNumber').val() },
    success: function(data) { res = data });
  }
  return res;
}