ASP.NET 客户端页面验证失败后，我可以运行一些自定义脚本吗？

Question

如果，且仅当，客户​​端页面验证失败，并且无法确定我可以将其连接到哪里，我正在尝试运行一些客户端脚本。

如果我将我的 JavaScript 函数绑定到提交表单的按钮的 OnClientClick，它会在客户端验证之前运行。如果我将它绑定到表单的 OnSubmit，则只有在验证通过时才会触发。

关于如何或在哪里可以连接这样的东西有什么想法吗？或者，如果您有其他建议，我愿意接受。

<form id="frm" runat="server" 
     onsubmit="FUNCTION HERE WONT FIRE IF VALIDATION FAILS">
<asp:requiredfieldvalidator id="vld" runat="server" controltovalidate="txt"/>
<asp:textbox id="txt" runat="server"></asp:textbox>

<asp:button id="cmd" runat="server" OnClick="dosomething"
     OnClientClick="FUNCTION FIRES BEFORE VALIDATION OCCURS">

</form>

Answer 1

在页面标记文件的末尾添加以下脚本：

var originalValidationFunction = Page_ClientValidate;
if (originalValidationFunction && typeof (originalValidationFunction) == "function") {
    Page_ClientValidate = function (validationGroup) {
        originalValidationFunction(validationGroup);

        if (!Page_IsValid) {
            // your code here
            alert("oops!");
        }
    };
}

Answer 2

尝试使用Page_ClientValidate("") 从 JavaScript 触发验证，然后您可以运行一些自定义代码：

validate = function(){
    var isValid = Page_ClientValidate(""); //parameter is the validation group - thanks @Jeff
    if (isValid){
        isValid = somethingToCheck();
    }
    return isValid;
}

<asp:Button ID="Button1" runat="server" CausesValidation="false" OnClientClick="return validate();" ... />

Answer 3

所以你有两种选择如何处理它：

1. 使用提供ClientValidationFunction 功能的CustomValidator 验证器，并且在您的自定义验证函数中显然您知道验证是否失败。它通过接受要在验证时使用的 JavaScript 函数，为您在客户端验证方面提供尽可能多的灵活性。

2. 通过 JavaScript (+jQuery) 访问验证器的 isValid 属性，通过 JavaScript 访问验证器状态：

 var anonymousValidator = $("#<%= vldCommentText.ClientID %>")[0];
 ValidatorEnable(anonymousValidator, true);
 if (!anonymousValidator.isvalid) 
 {
     // ...
 }