如何验证coda滑块内的控件?
我有一个带有ASP.NET控件的Coda滑块控件,比如RadionButtonList和TextBox
如下所示
选择 | 换行 | 行号
- <div class="panel" title="Mandatory" id="panel1">
- <div class="wrapper">
- <h3>
- Mandatory</h3>
- <div>
- <br />
- <br />
- <br />
- <br />
- <table class="style1">
- <tr>
- <td>
- <div class="main">
- <asp:RadioButtonList ID="rdodb" runat="server" class="rdo" ValidationGroup="panel1">
- <asp:ListItem>Science</asp:ListItem>
- <asp:ListItem>Commerce Academic</asp:ListItem>
- <asp:ListItem>Commerce Vocational</asp:ListItem>
- </asp:RadioButtonList>
- </div>
- </td>
- </tr>
- </table>
- <br />
- <br />
- <br />
- <br />
- <br />
- <br />
- <br />
- <br />
- </div>
- <div class="mannxtbtn">
- <p>
- | <a href="#2" id="sld1" runat="server" class="cross-link" title="Go to Panel 2"
- onclick="test()">Next »</a>
- <asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="test()">LinkButton</asp:LinkButton>
- </p>
- </div>
- </div>
- </div>
- <div class="panel" title="Personal" id="panel2">
- <div class="wrapper">
- <h3>
- Personal</h3>
- <table class="style1" align="center">
- <tr>
- <td>
- <asp:Label ID="Label1" runat="server" Text="Register No." class="lbl"></asp:Label>
- </td>
- <td>
- <asp:TextBox ID="txtregno" runat="server" class="txtbox" ValidationGroup="panel2">
- </asp:TextBox>
- </td>
- <td>
- </td>
- <td>
- </td>
- </tr>
- <tr>
- <td>
- <asp:Label ID="Label2" runat="server" class="lbl" Text="Name"></asp:Label>
- </td>
- <td>
- <asp:TextBox ID="txtname" runat="server" class="txtbox" ValidationGroup="panel2">
- </asp:TextBox>
- </td>
- <td>
- <asp:Label ID="Label3" runat="server" Text="Date of Birth" class="lbl"></asp:Label>
- </td>
- <td>
- <asp:TextBox ID="txtdob" runat="server" class="txtbox" ValidationGroup="panel2">
- </asp:TextBox>
- </td>
- </tr>
- <tr>
- <td>
- <asp:Label ID="Label4" runat="server" Text="Gender" class="lbl"></asp:Label>
- </td>
- <td>
- <asp:RadioButtonList ID="genrdo" runat="server" class="rdo" RepeatDirection="Horizontal"
- ValidationGroup="panel2">
- <asp:ListItem>Male </asp:ListItem>
- <asp:ListItem>Female </asp:ListItem>
- </asp:RadioButtonList>
- </td>
- <td>
- <asp:Label ID="Label5" runat="server" Text="Religion" class="lbl"></asp:Label>
- </td>
- <td>
- <asp:DropDownList ID="drpdnrel" runat="server" class="drpdn" ValidationGroup="panel2">
- <asp:ListItem><---Select---></asp:ListItem>
- <asp:ListItem>Hindhu</asp:ListItem>
- <asp:ListItem>Muslim</asp:ListItem>
- <asp:ListItem>Christian</asp:ListItem>
- </asp:DropDownList>
- </td>
- </tr>
- <tr>
- <td>
- <asp:Label ID="Label6" runat="server" Text="Community" class="lbl"></asp:Label>
- </td>
- <td colspan="2">
- <asp:RadioButtonList ID="comrdo" runat="server" class="rdo" RepeatDirection="Horizontal"
- ValidationGroup="panel2">
- <asp:ListItem>OC </asp:ListItem>
- <asp:ListItem>BC </asp:ListItem>
- <asp:ListItem>BCM </asp:ListItem>
- <asp:ListItem>MBC </asp:ListItem>
- <asp:ListItem>SC </asp:ListItem>
- <asp:ListItem>SCA </asp:ListItem>
- <asp:ListItem>ST </asp:ListItem>
- </asp:RadioButtonList>
- </td>
- <td>
-
- </td>
- </tr>
- <tr>
- <td>
- <asp:Label ID="Label7" runat="server" Text="Address" class="lbl"></asp:Label>
- </td>
- <td>
- <asp:TextBox ID="txtaddrs" runat="server" TextMode="MultiLine" Width="200px" Height="75px"
- class="txtbox" ValidationGroup="panel2">
- </asp:TextBox>
- </td>
- <td>
- </td>
- <td>
- </td>
- </tr>
- </table>
- <div class="persnxtbtn">
- <p>
- <a href="#1" id="sld2" runat="server" class="cross-link" title="Go to Panel 1">«
- Previous</a> | <a href="#3" id="sld3" runat="server" class="cross-link" title="Go to Panel 3">
- Next »</a></p>
- </div>
- </div>
- </div>
当用户单击下一步或上一步按钮时,我必须验证控件是否为填充格式,然后允许向前或向后.
选择 | 换行 | 行号
- function test() {
- //my operations
- return false;
- }
我已经尝试了上面的代码,但仍然幻灯片已经移动到下一个或上一个,我无法控制它.
尾部滑块可以吗?
请帮我克服这个问题..
感谢所有人