簡體   English   中英

Telerik單選按鈕所需的字段驗證器

[英]required field validator for telerik radio button

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

讓我知道是否有任何問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM