ASP.NET jQuery 食譜15 (通過控件CustomValidat
系統(tǒng)
2133 0
這節(jié)我們要講下如何通過控件CustomValidator來校驗CheckBoxList,客戶端校驗代碼通過jQuery實現(xiàn)。
首先看下界面代碼：
<
form
id
="form1"
runat
="server"
>
<
div
align
="center"
>
<
fieldset
style
="width: 350px; height: 200px;"
>
<
table
border
="0"
cellpadding
="3"
cellspacing
="3"
>
<
tr
>
<
td
>
請選擇汽車類型：
</
td
>
</
tr
>
<
tr
>
<
td
>
<
asp:CheckBoxList
ID
="chkCar"
runat
="server"
>
<
asp:ListItem
Value
="1"
Text
="奔馳汽車"
></
asp:ListItem
>
<
asp:ListItem
Value
="2"
Text
="寶馬汽車"
></
asp:ListItem
>
<
asp:ListItem
Value
="3"
Text
="奧迪汽車"
></
asp:ListItem
>
<
asp:ListItem
Value
="4"
Text
="現(xiàn)代汽車"
></
asp:ListItem
>
<
asp:ListItem
Value
="5"
Text
="豐田汽車"
></
asp:ListItem
>
</
asp:CheckBoxList
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
asp:Button
ID
="btnSubmit"
runat
="server"
Text
="提交"
/>
</
td
>
</
tr
>
</
table
>
</
fieldset
>
<
asp:CustomValidator
ID
="ctvCar"
runat
="server"
Display
="Dynamic"
ErrorMessage
="至少選擇三種車！"
ForeColor
="Red"
ClientValidationFunction
="ctvCar_Validation"
></
asp:CustomValidator
>
</
div
>
</
form
>
控件CustomValidator相關(guān)參數(shù)說明：
ErrorMessage:設(shè)置校驗提示信息
Display:設(shè)置顯示模式，Dynamic表示提示信息不顯示的時候，不占用當前位置
ClientValidationFunction:設(shè)置定義客戶端自定義校驗函數(shù)
客戶端腳本代碼：
<
head
id
="Head1"
runat
="server"
>
<
title
>
Recipe15
</
title
>
<
script
type
="text/javascript"
src
="Scripts/jquery-1.4.1-vsdoc.js"
></
script
>
<
script
type
="text/javascript"
>
function
ctvCar_Validation(sender, args) {
//
CustomValidator控件通過自定義函數(shù)的參數(shù)args屬性IsValid來判斷是否驗證通過
args.IsValid
=
($(
"
#chkCar input:checked
"
).length
>=
3
);
}
</
script
>
</
head
>
最終顯示效果：
ASP.NET jQuery 食譜15 (通過控件CustomValidator驗證CheckBoxList)
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元