Javascript telerik单选按钮所需的字段验证器_Javascript_C#_Telerik_Radio Button

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

javascript c# telerik

Javascript telerik单选按钮所需的字段验证器,javascript,c#,telerik,radio-button,Javascript,C#,Telerik,Radio Button,如何设置telerik单选按钮所需的字段验证程序？我想在单击“BtnSave”按钮时设置所需的字段验证器？请帮忙 <telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender" Text="Male" Skin="Metro"> <ToggleStates> <telerik:Rad

如何设置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>

我们不能直接在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>


ClientClicked函数（发件人，参数）{
var txt=$（“#”）；
val（“测试”）；
}

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

谢谢你的建议。我试图复制你的代码，但没有成功，因为我的项目中没有jQuery。因此，我没有使用asp文本框，而是使用RadTextBox和Telerik js在文本框中设置一个值。再次感谢。