請選擇汽車類型:

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

ASP.NET jQuery 食譜18 (通過使用jQuery valida

系統(tǒng) 2022 0

這節(jié)我們還可以通過直接設置DropDownList屬性來設置jQuery validation插件的校驗規(guī)則和提示信息。

先看界面代碼:

      
        <
      
      
        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:DropDownList ID ="dllCar" runat ="server" ToolTip ="至少選擇一種車!" CssClass ="required" >
< asp:ListItem Value ="" Text ="---請選擇---" ></ asp:ListItem >
< 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:DropDownList >
</ td >
</ tr >
< tr >
< td >
< asp:Button ID ="btnSubmit" runat ="server" Text ="提交" />
</ td >
</ tr >
</ table >
</ fieldset >
< div id ="message" class ="alertmsg" >
</ div >
</ div >
</ form >

DropDownList控件屬性ToolTip會轉換為Title,title的值可以作為校驗規(guī)則required的提示信息,屬性CssClass的值required就指定了插件的校驗規(guī)則。

腳本代碼:

      
        <
      
      
        head 
      
      
        id
      
      
        ="Head1"
      
      
         runat
      
      
        ="server"
      
      
        >
      
      
< title > Recipe18 </ title >
< script type ="text/javascript" src ="Scripts/jquery-1.4.1-vsdoc.js" ></ script >
< script type ="text/javascript" src ="Scripts/jquery.validate.js" ></ script >
< script type ="text/javascript" >
$(
function () {
$(
" #form1 " ).validate({
errorLabelContainer: $( " #message " )
});
});
</ script >
< style type ="text/css" >
.alertmsg
{
color
: #FF0000 ;
}
</ style >
</ head >

顯示效果:

ASP.NET jQuery 食譜18 (通過使用jQuery validation插件校驗DropDownList)_第1張圖片

另外如果不設置DropDownList的屬性ToolTip和CssClass,腳本代碼改為如下,也可以實現(xiàn)同樣的效果:

      
        <
      
      
        script 
      
      
        type
      
      
        ="text/javascript"
      
      
        >
      
      
        
$(
function () {
$(
" #form1 " ).validate({
rules: { dllCar:
" required " },
messages: { dllCar:
" 至少選擇一種車! " },
errorLabelContainer: $(
" #message " )
});
});
</ script >



?




ASP.NET jQuery 食譜18 (通過使用jQuery validation插件校驗DropDownList)


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

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

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

【本文對您有幫助就好】

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

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 精品国产一二三区在线影院 | 成人性色生活片免费看爆迷你毛片 | 日本3p视频在线看高清 | 人喾交性专区免费看 | 中文字幕一区二区三区精品 | 日韩精品一区二区三区国语自制 | 日本亚洲欧美国产日韩ay高清 | 欧美成人欧美激情欧美风情 | 亚洲香蕉久久一区二区三区四区 | 精品一区亚洲 | 久久久久国产精品免费免费不卡 | 不卡无毒免费毛片视频观看 | 免费一级特黄视频 | 亚洲欧洲日韩国产aa色大片 | 国产成人在线免费 | 看欧美的一级毛片 | 岛国一级毛片 | 欧美激情日本一道免费视频 | 久久国内精品视频 | 国产福利短视频 | 亚洲一区二区三区久久精品 | 色黄网站成年女人色毛片 | 中文精品99久久国产 | 色婷婷色99国产综合精品 | 激情五月开心婷婷 | 免费久草 | 国产热热 | 俄罗斯一级毛片aaaa | 国内精品一区二区2021在线 | 亚洲综合一区二区 | 国产婷婷色一区二区三区 | 性bbbb美女| 番茄视频在线观看黄版本免费 | 欧美性猛交xx乱大交 | 亚洲日韩精品欧美一区二区一 | 奇米影视7777久久精品人人爽 | 成人在激情在线视频 | 狠狠色丁香久久婷婷综合_中 | 色婷婷基地| a毛片在线还看免费网站 | 精品国产你懂的在线观看 |