ASP.NET 自定义验证器 + Web方法 + jQuery

Question

我正在尝试实现一个 .NET 自定义验证器，它使用 $.ajax 查询同一页面上的 WebMethod 并返回一个布尔值来指示结果是 true 还是 false。

我使用的 WebMethod 非常简单

[WebMethod()]
public static bool IsPromoValid(string code)
{
    string promoCode = "ABCDEFG";
    bool result = code.ToLower() == promoCode.ToLower();
    return result;
}

CustomValidator 看起来像这样

<asp:CustomValidator ID="cvPromoCode" Display="None" ControlToValidate="txtPromoCode" runat="server" ClientValidationFunction="validatePromo"
    ErrorMessage="The promo code you entered is incorrect" OnServerValidate="ValidatePromoCode" />

和简单的 $.ajax() ClientValidation 函数

function validatePromo(src, args) {
    $.ajax({
        type: "POST",
        url: "Register.aspx/IsPromoValid",
        data: "{'code': '" + args.Value + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            args.IsValid = msg.d;
        }
    });
}

问题在于页面立即验证，实际上并不等待 ajax 调用完成。如果页面上存在任何其他错误，它会显示验证摘要，但不会显示来自自定义验证器的错误消息。

我可以看到在 Firebug 中进行 AJAX 调用，并且它返回正确的响应（在本例中为 true 或 false）

Answer 1

简单的方法是将验证更改为：

 function validatePromo(src, args) {
    var isValid;
    $.ajax({
        type: "POST",
        url: "Register.aspx/IsPromoValid",
        data: "{'code': '" + args + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        success: function (msg) {
             isValid = msg.d;
        }        
    });
    args.IsValid = isValid;
}

特别注意async:false。您的第一次尝试不起作用的原因是，直到验证脚本已经检查了 args.IsValid 之后，才调用 ajax 成功回调。使用 async:false 时，$.ajax 调用只有在成功回调完成后才会完成。

最大的问题是它现在“阻止”任何正在运行验证的 js 线程。对于 ASP.Net 验证器，我不认为这是一个问题，但我会通过长时间运行的调用来测试它，以确保您不会为连接速度慢的任何人搞砸页面。