Telerik单选按钮所需的字段验证器

Question

How can I set required field validator for telerik radio button? 如何设置Telerik单选按钮所需的字段验证器？ I want to set required field validator on button click "BtnSave"? 我想在按钮单击“ BtnSave”上设置必填字段验证器吗？ Please help! 请帮忙！

<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>

Answer 1

We can not directly apply validator control on radbutton but we can achieve given requirement by using below code snippet. 我们不能直接在radbutton上应用验证器控件，但是可以使用下面的代码片段来达到给定的要求。

<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>

Let me know if any concern. 让我知道是否有任何问题。

Telerik单选按钮所需的字段验证器

问题描述

1 个解决方案

解决方案1
1 2015-12-30 18:30:00

Telerik单选按钮所需的字段验证器

问题描述

1 个解决方案

解决方案1 1 2015-12-30 18:30:00

解决方案1
1 2015-12-30 18:30:00