Telerik 单选按钮的必填字段验证器答案

【问题标题】：required field validator for telerik radio buttonTelerik 单选按钮的必填字段验证器
【发布时间】：2016-04-03 22:29:44
【问题描述】：

如何为 Telerik 单选按钮设置必填字段验证器？我想在按钮单击“BtnSave”上设置必填字段验证器？请帮忙！

<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender"
    Text="Male" Skin="Metro">
    <ToggleStates>
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>
    </ToggleStates>
</telerik:RadButton>

<telerik:RadButton ID="radio_female" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender"
    Text="Female" Skin="Metro">
    <ToggleStates>
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>
    </ToggleStates>
</telerik:RadButton>

【问题讨论】：

标签： javascript c# telerik radio-button

【解决方案1】：

我们不能直接在 radbutton 上应用验证器控件，但我们可以通过使用下面的代码 sn-p 来实现给定的要求。

<head runat="server">
    <title></title>
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function ClientClicked(sender, args) {
                var txt = $("#<%=radio_txt.ClientID%>");
                txt.val("test");
            }
        </script>
    </telerik:RadCodeBlock>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
            <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>
            <telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender"
                Text="Male" Skin="Metro" OnClientClicked="ClientClicked">

                <ToggleStates>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>
                </ToggleStates>
            </telerik:RadButton>

            <telerik:RadButton ID="radio_female" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender"
                Text="Female" Skin="Metro" OnClientClicked="ClientClicked">
                <ToggleStates>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>
                </ToggleStates>
            </telerik:RadButton>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="Gender" ControlToValidate="radio_txt" ErrorMessage="required !!"></asp:RequiredFieldValidator>
            <div style="display: none;">
                <asp:TextBox ID="radio_txt" runat="server" ValidationGroup="Gender"></asp:TextBox>

            </div>
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click me" ValidationGroup="Gender" />
        </div>
    </form>
</body>

如果有任何问题，请告诉我。

【讨论】：

感谢您的想法。我试图复制你的代码，但它没有工作，因为我的项目中没有 jQuery。因此，我没有使用 asp TextBox，而是使用 RadTextBox 和 Telerik js 在文本框中设置值。再次感谢。