asp:RadioButtonList asp:RequiredFieldValidator从不触发验证

Question

我有一个webforms页面(不要问)，我正在尝试使用标准的验证器进行一些客户端验证。

下面是一些部分代码

<asp:TemplateField ItemStyle-Width="50px" HeaderText="Received">
        <HeaderStyle  HorizontalAlign="Center" />
               <ItemTemplate>
                    <asp:RadioButtonList ID="rbIsRecv"  RepeatDirection="Horizontal" 
                      runat="server" ValidationGroup="Curriculum">
                       <asp:ListItem Value="1">Yes&nbsp;</asp:ListItem>
                        <asp:ListItem Value="0">No</asp:ListItem>
                     </asp:RadioButtonList>
                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" 
                   ControlToValidate="rbIsRecv" Text="Required" 
                    ValidationGroup="Curriculum" />
          </ItemTemplate>
            </asp:TemplateField>      

<.......>

<asp:TemplateField ItemStyle-Width="50px" HeaderText="Actually Received">
                                <HeaderStyle  HorizontalAlign="Center" />
                                <ItemTemplate>
                                    <asp:TextBox ID="txtActual" runat="server" />  
                                    <asp:RequiredFieldValidator ForeColor="Red" ValidationGroup="AllValidators" runat="server" 
                                        ControlToValidate="txtActual" ErrorMessage="All values must be filled in!" />                                 
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                    </div>
                </div>          
            </div>
             <div class="row pull-right">
                <asp:Label runat="server">Employee ID: </asp:Label> 
                <asp:TextBox ID="txtName" runat="server" /><br />
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" CssClass="btn-primary pull-right" />
            </div>  
            <div class="row">
                <asp:RequiredFieldValidator ForeColor="Red" ValidationGroup="AllValidators" runat="server" ControlToValidate="txtName" ErrorMessage="Please enter your employee Number!" />     
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="AllValidators"/>
            </div>

因此，当我将它从txtName控件正确地提交给摘要控件时，它会抛出错误，但网格中的控件都不会...

有什么想法吗？

Answer 1

您不能使用RequiredFieldValidator验证RadioButtonList。为此，您需要一个CustomValidator。

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Select an option"
    ClientValidationFunction="validateRadioButtonList"></asp:CustomValidator>

<script type="text/javascript">
    function validateRadioButtonList(oSrc, args) {
        if ($("input[name='<%= RadioButtonList1.UniqueID %>']:checked").val() == null) {
            args.IsValid = false;
        } else {
            args.IsValid = true;
        }
    }
</script>