Question

我正在使用telerik tabstrip创建一个多步骤表单。我有3个选项卡，每个页面视图是不同的用户控件。我想在每个标签中验证几个控件。

PFB代码标签

<asp:UpdatePanel ID="updpannel" runat="server">
    <ContentTemplate>
        <div class="demo-container">
            <div class="wizardHeader"></div>
            <div style="float: left">
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RequestRadTabStrip" Orientation="VerticalLeft" MultiPageID="ReqRadMultiPage" SelectedIndex="0" CausesValidation="false">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Step1" Width="200px" Selected="true" PageViewID="page1"></telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Step2" Width="200px" PageViewID="page2"></telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Step3" Width="200px" PageViewID="page3"></telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
            </div>
            <div ">
                <telerik:RadMultiPage runat="server" ID="ReqRadMultiPage" SelectedIndex="0" OnInit="ReqRadMultiPage_Init">
                    <telerik:RadPageView runat="server" ID="page1" ValidationGroup="ReqGI">
                         <usExp:step1 runat="server" />
                    </telerik:RadPageView>
                    <telerik:RadPageView runat="server" ID="page2">
                         <usExp:step2 runat="server" />
                    </telerik:RadPageView>
                    <telerik:RadPageView runat="server" ID="page3">
                         <usExp:step3 runat="server" />
                    </telerik:RadPageView>
                </telerik:RadMultiPage>
            </div>
            <div class="footer_button">
                <asp:Button CssClass="btn btn-default" runat="server" ID="btnCancel" Text="Cancel" OnClick="btnCancel_Click" />
                <asp:Button CssClass="btn btn-default" runat="server" ID="btnCont" Text="Continue" OnClick="btnCont_Click" OnClientClick="OnClientClicked()" />
                <asp:Button CssClass="btn btn-primary" runat="server" ID="btnSubmit" Text="Submit" OnClick="btnSubmit_Click" ValidationGroup="ReqGI" />
            </div>
    </ContentTemplate>
</asp:UpdatePanel>

在“继续”按钮上单击“我正在调用jQuery函数”，以便从1个选项卡移动到其他选项卡。

<script type="text/javascript">

    function OnClientClicked() {
        var radtabstrip = $find("<%=RequestRadTabStrip.ClientID %>");
        var count = radtabstrip.get_tabs().get_count();
        var currentindex = radtabstrip.get_selectedIndex();
        var nextindex = currentindex + 1;
        if (nextindex < count) {
            radtabstrip.set_selectedIndex(nextindex);
        }
    }



</script>

现在在此“继续”按钮上单击我想要在将其切换到下一个选项卡之前进行验证。谁能帮到我这里？注意：要验证的字段位于用户控件中。在此先感谢您的帮助

使用Telerik tabstrip进行jQuery验证

0 个答案: