Question

我在“注册”页面上有两个文本框字段，我正在尝试设置任一种或类型的验证。当两个字段都为空时，验证应该启动，说您必须输入A或B字段才能注册。

我在我的代码中使用了如下所示的自定义验证程序，但它似乎无法正常工作。我正在寻找一种智能方法来验证这两个文本框。服务器端验证部分：当我测试它时，断点永远不会到达该功能。有人可以建议一个干净的方式来做到这一点。

请注意，对于页面上的其他控件，我需要字段验证器，我不能在这里有一个，因为我应该可以为这两个文本框设置其中一个或条件。

<div class="form-group">
                            <asp:Label Text="" ID="lblSCGrantNumber" runat="server" AssociatedControlID="txtStateCommGrantNumber">
                                 State Commission Number&nbsp;
                            </asp:Label>
                            <asp:TextBox ID="txtStateCommGrantNumber" runat="server" TextMode="SingleLine" placeholder="State Commission Grant Number" AutoCompleteType="None" class="form-control"></asp:TextBox>
                           <%-- <asp:RequiredFieldValidator Display="Dynamic" ID="rfStateCommGrantNumber" Text="Required" SetFocusOnError="true" CssClass="text-danger" ControlToValidate="txtStateCommGrantNumber" runat="server"></asp:RequiredFieldValidator>--%>
                          <asp:CustomValidator ID="stateCommissionGrants" runat="server" OnServerValidate="ServerValidation" OnClientValidate="Validate_textboxes" ControlToValidate="txtStateCommGrantNumber" ErrorMessage="One of the two fields is required" ValidateEmptyText="true"></asp:CustomValidator>
                        </div>

                           <div class="form-group">
                            <asp:Label Text="" ID="lblGrantNumber" runat="server" AssociatedControlID="txtStateCommGrantNumber">
                                 Grant Number&nbsp;
                            </asp:Label>
                            <asp:TextBox ID="txtGrantNumber" runat="server" TextMode="SingleLine" placeholder="Grant Number" AutoCompleteType="None" class="form-control"></asp:TextBox>
                            <%--<asp:RequiredFieldValidator Display="Dynamic" ID="rfStateCommGrantNumber" Text="Required" SetFocusOnError="true" CssClass="text-danger" ControlToValidate="txtStateCommGrantNumber" runat="server"></asp:RequiredFieldValidator>--%>
                            <asp:CustomValidator ID="grants" runat="server" OnServerValidate="ServerValidation" OnClientValidate="Validate_textboxes" ControlToValidate="txtGrantNumber" ErrorMessage="One of the two is required" ValidateEmptyText="true"></asp:CustomValidator>
                             </div>

客户端代码：

<script type="text/javascript">
        (function Validate_textboxes(sender, args) {
            var v = document.getElementById('<%=txtStateCommGrantNumber.ClientID%>').value;
            var v = document.getElementById('<%=txtGrantNumber.ClientID%>').value;
            if (v == '') {
                args.IsValid = false;
            }
            else {

            }


        });

服务器端代码：

protected void ServerValidation(object source, ServerValidateEventArgs args)
        {
            args.IsValid = txtStateCommGrantNumber.Text.Trim().Length > 0 || txtGrantNumber.Text.Trim().Length > 0;
            if (!args.IsValid)
            {
                CustomValidator customvalidator = new CustomValidator();
                customvalidator.IsValid = false;
                customvalidator.ErrorMessage = "TextBox1 and TexBox2 can't both be empty";
                Page.Form.Controls.Add(customvalidator);
            }
        }

Answer 1

您必须使用ClientValidationFunction控件的CustomValidator属性。在javascript函数中，您必须将args.IsValid属性设置为true或false。例如：

<asp:Textbox id="text1" runat="server" text=""></asp:Textbox>
<asp:Textbox id="text2" runat="server" text=""></asp:Textbox>
<asp:CustomValidator id="CustomValidator1" runat="server" 
  ControlToValidate = "text1"
  ErrorMessage = "Required"
  ClientValidationFunction="validate" >
</asp:CustomValidator>

和Javascript：

<script type="text/javascript">
  function validate(oSrc, args){
            var v1 = document.getElementById('<%=text1.ClientID%>').value;
            var v2 = document.getElementById('<%=text2.ClientID%>').value;
            if (v1 == '' && v2 == '') {
                args.IsValid = false;
            }
            else {
               args.IsValid = true;
            }
}
</script>

编辑：如果文本框为空，则可能不会触发验证事件。要解决此问题，您可以将ValidateEmptyText="true"属性添加到自定义验证程序，也可以使用单独的必填字段验证程序来验证空值。

在两个文本框上进行验证或输入验证 - ASP.NET Webforms

1 个答案: