当在单页中多次放置此用户控件时，将在该用户控件的所有实例中触发用户控件中的必填字段验证

Question

我有用户控件，其中需要进行字段验证。我在单个网页中有该用户控件的 2 个实例。现在，如果我单击第一个用户控件上的按钮，则会为 2 个用户控件触发验证消息。但只有该用户控件的必填字段必须被触发。请任何人解决这个问题。 谢谢 马达维

Answer 1

如果您尚未在用户控件中设置 requiredFieldValidator 的 ValidationGroup 属性，则每当提交表单时都会触发字段验证，无论哪个按钮导致回发。

如果您希望将特定的验证器与特定的提交按钮相关联，那么您必须将它们关联到同一个 ValdiationGroup。

如果您在用户控件中设置 ValidationGroup，但发现验证正在针对控件的所有实例触发，那么您将需要获取用户控件实例的某些属性并将其合并到 ValidationGroup 中，以确保用户控件经过独占验证对于控件上的任何提交按钮。

这是一个示例：

<asp:TextBox ID="txtTest" runat="server"/>
<asp:RequiredFieldValidator ID="txtTestReqVal"
     runat="server"
     Display="Dynamic"
     ControlToValidate="txtTest"
     Text="* Field is required"
     ValidationGroup="valGroup<%= ClientId %>"
     CssClass="modelError"
     />
<asp:Button ID="btnSubmit" runat="server" 
     Text="Submit" 
     CausesValidation="true" 
     ValidationGroup="valGroup<%= ClientId %>" 
     />

这里的技巧是 <%= ClientId %>部分。这会将实例客户端唯一 ID 注入到验证组值中。这意味着这些控件的所有验证将通过用户控件的单个唯一实例分组在一起。通过这种方式，您可以在同一页面上显示同一用户控件的多个实例，但所有实例都经过唯一验证。

Answer 2

让您的验证组 runat="server"

然后给每个验证组一个唯一的验证组，如下所示：

string validationGroup = Guid.NewGuid().ToString();
txtContactNameValidator.ValidationGroup = validationGroup;
txtContactNumberValidator.ValidationGroup = validationGroup;
btnSave.ValidationGroup = validationGroup;

这会将用户控件彼此隔离，无论页面上有多少个用户控件。

Answer 3

我认为您需要在每个字段验证控件上指定一个 validatongroup 属性。

每个用户控件都定义了自己的验证组。

请参阅此处

解决此问题的一种方法是在您的您可以传入验证组名称的 usercontrol。

<uc:mycontrol id=u1 validationgroup="valA" .. />
<uc:mycontrol id=u2 validationgroup="valB" .. />

这种方法的一个问题是，您需要将验证组添加到用户控件上页面加载中的每个验证控件。

Answer 4

我认为验证组不起作用。因为它是相同的用户控件，但在页面中放置了两次。任何按钮都会触发对两个用户控件的验证

Answer 5

function ValidateRadio(button)
    {  
 var radioOptions = document.getElementById(button.id.split("_")[0] +'_rblPollOptions');
 var RVPollOptions = document.getElementById(button.id.split("_")[0] +'_RVPollOptions');
 var options = radioOptions.getElementsByTagName("input");
 var radioSelected=false;
  for (j=0; j < options.length; j++)
                {
                        if(options[j].checked)
                        {
                           radioSelected=true;
                           break; // Found it, proceed to next question  

                        }
   }
 if (!radioSelected) // no option selected
                {       // warn user, focus question //alert("You did not answer question");

                        RVPollOptions.style.visibility = "visible"; 
                         return false;
                }       
        }
</script>

<asp:RequiredFieldValidator ID="RVPollOptions" runat="server" ControlToValidate="rblPollOptions"
            ErrorMessage="Select option!"> </asp:RequiredFieldValidator>  
<asp:Button ID="btnPoll" Text="Vote" OnClientClick="javascript:return ValidateRadio(this)" runat="server"  OnClick="btnPoll_Click" />