請選擇汽車類型:

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

ASP.NET jQuery 食譜15 (通過控件CustomValidat

系統(tǒng) 2417 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相關參數(shù)說明:

ErrorMessage:設置校驗提示信息

Display:設置顯示模式,Dynamic表示提示信息不顯示的時候,不占用當前位置

ClientValidationFunction:設置定義客戶端自定義校驗函數(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)_第1張圖片





ASP.NET jQuery 食譜15 (通過控件CustomValidator驗證CheckBoxList)


更多文章、技術交流、商務合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 亚洲不卡免费视频 | 免费一区二区三区免费视频 | 久久久亚洲精品视频 | 国产一级影视 | 手机精品在线 | 热久久久久 | 久久狠色噜噜狠狠狠狠97 | 欧美综合激情 | 视频黄在线观看 | 亚洲日本一区二区三区 | 国产欧美日韩在线播放 | 亚洲精品国产v片在线观看 亚洲精品国产啊女成拍色拍 | 精品乱久久 | 五月婷婷色视频 | 桃花在线视频社区 | 超清乱人伦中文视频在线 | 国产免费一级精品视频 | 欧美精品网 | 国产精品揄拍一区二区久久 | 99在线精品日韩一区免费国产 | 99视频在线看 | 小h片在线播放 | 第一福利在线观看永久视频 | 九九这里只精品视在线99 | 四虎视频国产精品免费 | 一级欧美日韩 | 中文字幕日韩亚洲 | 免费区欧美一级毛片 | 亚洲精品一二三四区 | 午夜看看| 国产伊人影院 | a中文字幕1区 | 久久精品国产精品青草不卡 | 午夜伦4480yy妇女久久久 | 97在线免费观看 | 亚洲国产精品不卡毛片a在线 | 国内精品久久久久激情影院 | 天天婷婷 | 国产亚洲欧美在线观看的 | 99热久久这里只有精品在 | 国产精品原创永久在线观看 |