如何将自定义Javascript添加到asp.net客户端原因验证功能？

Question

我有一个asp.net网站，上面有一些验证控件：

<div class="form-row">
     <label>Email</label>
            <asp:TextBox ID="txtUserName1" runat="server" onchange="validate(this)">    </asp:TextBox>
            <asp:RequiredFieldValidator ID="reqUserName1" runat="server" ControlToValidate="txtUserName1"
                ErrorMessage="- The email address field is required" Text="*" CssClass="error_star" Width="10px" ValidationGroup="Register"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" CssClass="error_star" runat="server" ErrorMessage="- Invalid Email Address" Text="*"
                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtUserName1"
                        ValidationGroup="Register"></asp:RegularExpressionValidator> 
        </div>

我有一个提交表格的按钮

<asp:Button ID="cmdSubmit" runat="server" Text="Create Account" CssClass="small-button"
            ValidationGroup="Register" CausesValidation="true" OnClientClick="validateForm()" OnClick="cmdSubmit_Click" />

第一次单击该按钮时，将运行一些客户端验证，而没有单击我的validateForm（）方法。 在接下来的时间里，我单击提交按钮，我的自定义验证工作正常。

如何将一些自定义JavaScript附加到客户端验证？

这是JavaScript

function validateForm() {
        $("input[type=text], input[type=password]", "#registerForm").each(function () {
            validate(this)
        });
    }

    function validate(control) {
        // Change the colour of the border
        for (var i = 0; i < control.Validators.length; i++) {
            if (!control.Validators[i].isvalid) {
                control.style.border = "1px solid red"
                return;
            }
        }
        control.style.border = "1px solid #E1D7CE"

    }

Answer 1

该页面未通过验证，因此javascript可以正常工作，但它认为所有控件均有效，因此我添加了此内容

if (!Page_ClientValidate("Register")) {
            Page_ClientValidate("Register")
        }

验证页面。

Answer 2

您可以使用自定义验证器

http://asp.net-tutorials.com/validation/custom-validator/

它们就像其他任何asp.net验证器一样工作，接受您编写编写处理验证并设置IsValid标志的函数。 反过来，这将允许/防止发生回发。

Answer 3

1-使用CustomValidator，因此所有验证逻辑都将驻留在JavaScript代码中，假设您要验证TextBox的数字> 12，则JavaScript代码类似于：

     function Validate(src, eventargs)
        {
          var control = Document.GetElementByID(src);
          if(control.value > 12)
           eventargs.IsValid = true;

    else 
    eventargs.IsValid = false;


        }

2-使用CustomValidator的ClientValidationFunctionProperty设置为=“ Validate”（JavaScript函数）

当您尝试执行任何回发时，将评估Page.Validators集合，因此您的CustomValidator