驗證用戶必選CheckBox控件與自定義驗證javascript代碼
更新時間：2013年01月16日 10:17:02 作者：
CheckBox控件，由于它的值是選擇與非選擇。因此在提交數(shù)據(jù)時，想讓用戶必須選擇CheckBox，普通情況之下，不好做驗證;但我們可以使用asp:CustomValidator來驗證，不過還得寫自定義驗證Javascript代碼
CheckBox控件，由于它的值是選擇與非選擇。因此在提交數(shù)據(jù)時，想讓用戶必須選擇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
- 選擇指定數(shù)量后checkbox不可選(變灰)javascript代碼
- 用 Javascript 驗證表單(form)中多選框(checkbox)值
- javascript獲得CheckBoxList選中的數(shù)量
- 利用JavaScript更改input中radio和checkbox樣式
- IE7中javascript操作CheckBox的checked=true不打勾的解決方法
- asp.net Javascript獲取CheckBoxList的value
- Javascript 實現(xiàn)TreeView CheckBox全選效果
- javaScript checkbox 全選/反選及批量刪除
- Javascript實現(xiàn)CheckBox的全選與取消全選的代碼
- 用Javascript讀取CheckBox數(shù)組的值的代碼(兼容IE與firefox)
- javascript中checkbox使用方法簡單實例演示
- javascript中checkbox使用方法實例演示
相關文章
調試ASP.NET2005/2008時，端口不正確的解決三套方案
這篇文章主要介紹了調試ASP.NET2005/2008時，端口不正確的解決三套方案，小編就特別喜歡收藏這類文章，方便以后工作學習中遇到這類問題進行解決。2015-09-09
2013-03-03
這篇文章介紹了.NET?MAUI項目中創(chuàng)建超鏈接的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細介紹了asp.net MVC分頁代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細介紹了asp.net core實現(xiàn)文件上傳功能，怎么做單文件和多文件上傳，感興趣的小伙伴們可以參考一下2016-06-06
在.NET Core類庫中使用EF Core遷移數(shù)據(jù)庫到SQL Server的方法
下面小編就為大家分享一篇在.NET Core類庫中使用EF Core遷移數(shù)據(jù)庫到SQL Server的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
ASP.NET Core程序發(fā)布到Linux生產環(huán)境詳解
這篇文章主要為大家詳細介紹了ASP.NET Core程序發(fā)布到Linux生產環(huán)境，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
asp.net 未能加載文件或程序集“XXX”或它的某一個依賴項。試圖加載格式不正確的程序。
運行asp.net后提示未能加載文件或程序集“XXX”或它的某一個依賴項。試圖加載格式不正確的程序。2011-07-07
這篇文章主要介紹了asp.net錯誤頁面處理示例,需要的朋友可以參考下2014-03-03
asp.net 文件上傳與刷新與asp.net頁面與iframe之間的數(shù)據(jù)傳輸
眾所周知微軟所提供的updatepanel不能支持文件上傳的異步刷新，但是往往當你在項目中的其他頁面實現(xiàn)了異步刷新之后，客戶就會問你為什么有文件上傳的頁面就不能實現(xiàn)異步刷新呢？這時我們可能說一堆理由，但是最后大部分還是會妥協(xié)于客戶。2009-12-12