有的时候填表单必须非空,那checkbox比较麻烦,不能用RequiredFieldValidator 控件,所以我就用JS和customvalidator控件结合来实现。
JS代码:
<script language="javascript" type="text/Javascript"> //验证checkbox不空 function checkIsNotnull(source, args) { var ch1 = document.getElementById('<%= type1.ClientID %>'); var ch2 = document.getElementById('<%= type2.ClientID %>'); var ch3 = document.getElementById('<%= type3.ClientID %>'); var ch4 = document.getElementById('<%= type4.ClientID %>'); var ch5 = document.getElementById('<%= type5.ClientID %>'); var ch6 = document.getElementById('<%= type6.ClientID %>'); if (ch1.checked) { args.IsValid = true; return; } if (ch2.checked) { args.IsValid = true; return; } if (ch3.checked) { args.IsValid = true; return; } if (ch4.checked) { args.IsValid = true; return; } if (ch5.checked) { args.IsValid = true; return; } if (ch6.checked) { args.IsValid = true; return; } args.IsValid = false;}
aspx代码:
<td colspan="2"> <asp:CheckBox runat="server" ID ="type1" Font-Size="Large" Text ="游戏影音本" /> <asp:CheckBox runat="server" ID ="type2" Font-Size="Large" Text ="家庭娱乐本" /> <asp:CheckBox runat="server" ID ="type3" Font-Size="Large" Text ="高清影音本" /> <asp:CheckBox runat="server" ID ="type4" Font-Size="Large" Text ="商务办公本" /> <asp:CheckBox runat="server" ID ="type5" Font-Size="Large" Text ="全能学生本" /> <asp:CheckBox runat="server" ID ="type6" Font-Size="Large" Text ="轻薄便携本" /> <asp:customvalidator id="CustomValidator1" runat="server" ForeColor="Red" ErrorMessage="不能为空!" ClientValidationFunction="checkIsNotnull"></asp:customvalidator> </td>
显示结果:
新闻热点
疑难解答