验证用户必选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使用方法实例演示
相关文章
调试ASP.NET2005/2008时，端口不正确的解决三套方案
这篇文章主要介绍了调试ASP.NET2005/2008时，端口不正确的解决三套方案，小编就特别喜欢收藏这类文章，方便以后工作学习中遇到这类问题进行解决。2015-09-09
2013-03-03
这篇文章介绍了.NET MAUI项目中创建超链接的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要为大家详细介绍了asp.net MVC分页代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了asp.net core实现文件上传功能，怎么做单文件和多文件上传，感兴趣的小伙伴们可以参考一下2016-06-06
在.NET Core类库中使用EF Core迁移数据库到SQL Server的方法
下面小编就为大家分享一篇在.NET Core类库中使用EF Core迁移数据库到SQL Server的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家详细介绍了ASP.NET Core程序发布到Linux生产环境，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
asp.net 未能加载文件或程序集“XXX”或它的某一个依赖项。试图加载格式不正确的程序。
运行asp.net后提示未能加载文件或程序集“XXX”或它的某一个依赖项。试图加载格式不正确的程序。2011-07-07
这篇文章主要介绍了asp.net错误页面处理示例,需要的朋友可以参考下2014-03-03
asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
众所周知微软所提供的updatepanel不能支持文件上传的异步刷新，但是往往当你在项目中的其他页面实现了异步刷新之后，客户就会问你为什么有文件上传的页面就不能实现异步刷新呢？这时我们可能说一堆理由，但是最后大部分还是会妥协于客户。2009-12-12
最新评论