繁体   English   中英

ASP.NET自定义验证器+ WebMethod + jQuery

[英]ASP.NET Custom Validator + WebMethod + jQuery

我正在尝试实现一个.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调用,它会重新响应正确的响应(在这种情况下为truefalse

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

 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验证器的情况下,我不认为这是一个问题,但我会通过长时间运行的电话进行测试,以确保您没有搞任何人在慢速连接上的页面。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM