asp.net - 您可以为标准 ASP.NET Web 表单验证器提供自定义客户端 javascript 验证吗？

Question

您可以为标准 ASP.NET Web 表单验证器提供自定义客户端 javascript 验证吗？

例如，使用 asp:RequiredFieldValidator 保留服务器端代码，但使用 jQuery 实现您自己的客户端通知，以突出显示字段或背景颜色。

Answer 1

是的，我已经这样做了。我使用Firebug找出了Dot.Net JS函数，然后劫持了验证器函数

以下内容将应用于所有验证器并且纯粹是客户端。我用它来更改 ASP.Net 验证的显示方式，而不是实际执行验证的方式。它必须被包装在 $(document).ready() 中以确保它覆盖原始的 ASP.net 验证。

/**
 * Re-assigns a couple of the ASP.NET validation JS functions to
 * provide a more flexible approach
 */
function UpgradeASPNETValidation(){
    // Hi-jack the ASP.NET error display only if required
    if (typeof(Page_ClientValidate) != "undefined") {
        ValidatorUpdateDisplay = NicerValidatorUpdateDisplay;
        AspPage_ClientValidate = Page_ClientValidate;
        Page_ClientValidate = NicerPage_ClientValidate;
   }
}

/**
 * Extends the classic ASP.NET validation to add a class to the parent span when invalid
 */
function NicerValidatorUpdateDisplay(val){
    if (val.isvalid){
        // do custom removing
        $(val).fadeOut('slow');
    } else {
        // do custom show
        $(val).fadeIn('slow');
    }
}

/**
 * Extends classic ASP.NET validation to include parent element styling
 */
function NicerPage_ClientValidate(validationGroup){
    var valid = AspPage_ClientValidate(validationGroup);

    if (!valid){
        // do custom styling etc
        // I added a background colour to the parent object
        $(this).parent().addClass('invalidField');
    }
}