验证用户必选CheckBox控件与自定义验证javascript代码
更新时间:2013年01月16日 10:17:02 作者:
CheckBox控件,由于它的值是选择与非选择。因此在提交数据时,想让用户必须选择CheckBox,普通情况之下,不好做验证;但我们可以使用asp:CustomValidator来验证,不过还得写自定义验证Javascript代码
CheckBox控件,由于它的值是选择与非选择。因此在提交数据时,想让用户必须选择CheckBox,普通情况之下,不好做验证。
但我们可以使用asp:CustomValidator来验证,不过还得写自定义验证Javascript代码,可参考如下:
function ValidateCheckBox(sender, args) {
var checkbox = document.getElementById("<%=CheckBox1.ClientID %>")
if (checkbox.checked) {
args.IsValid = true;
}
else {
args.IsValid = false;
}
}
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="必须选择选项" ForeColor="Red" ClientValidationFunction="ValidateCheckBox"></asp:CustomValidator><br />
<asp:Button ID="Button1" runat="server" Text="提交" />
演示:
但我们可以使用asp:CustomValidator来验证,不过还得写自定义验证Javascript代码,可参考如下:
复制代码 代码如下:
function ValidateCheckBox(sender, args) {
var checkbox = document.getElementById("<%=CheckBox1.ClientID %>")
if (checkbox.checked) {
args.IsValid = true;
}
else {
args.IsValid = false;
}
}
复制代码 代码如下:
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="必须选择选项" ForeColor="Red" ClientValidationFunction="ValidateCheckBox"></asp:CustomValidator><br />
<asp:Button ID="Button1" runat="server" Text="提交" />
演示:
您可能感兴趣的文章:
- javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
- 选择指定数量后checkbox不可选(变灰)javascript代码
- 用 Javascript 验证表单(form)中多选框(checkbox)值
- javascript获得CheckBoxList选中的数量
- 利用JavaScript更改input中radio和checkbox样式
- IE7中javascript操作CheckBox的checked=true不打勾的解决方法
- asp.net Javascript获取CheckBoxList的value
- Javascript 实现TreeView CheckBox全选效果
- javaScript checkbox 全选/反选及批量删除
- Javascript实现CheckBox的全选与取消全选的代码
- 用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)
- javascript中checkbox使用方法简单实例演示
- javascript中checkbox使用方法实例演示
相关文章
在WinForm和WPF中使用GMap.Net地图插件简单教程
GMap.NET是一个强大、免费、跨平台、开源的.NET控件,它在Windows Forms 和WPF环境中能够使用来自Google, Yahoo!, Bing, OpenStreetMap, ArcGIS, Pergo, SigPac等地图,下面看一下使用方法2013-12-12详解如何在ASP.NET Core中应用Entity Framework
本篇文章主要介绍了如何在ASP.NET Core中应用Entity Framework,具有一定的参考价值,有兴趣的可以一起了解一下。2016-12-12C#,winform,ShowDialog,子窗体向父窗体传值
窗体的show方法,没有给调用代码任何通知,如果需要通知,使用showdialog是一种好的选择。 在调用show方法后,show方法后面的代码会立即执行,2008-08-08asp.net页面与页面之间传参数值方法(post传值和get传值)
这篇文章主要介绍了asp.net页面与页面之间传参数值方法,说明了post传值和get传值的使用方法,需要的朋友可以参考下2014-02-02
最新评论