欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery擴(kuò)展插件Validate 2通過參數(shù)設(shè)置驗(yàn)證規(guī)則

 更新時(shí)間:2011年09月05日 21:44:22   作者:  
在前面示例中使用的的方法簡(jiǎn)單方便,但沒有完全將js與頁(yè)面結(jié)構(gòu)完全分離,也就是說js依賴了class,下面通過validate()方法的參數(shù)設(shè)置驗(yàn)證規(guī)則將js與頁(yè)面結(jié)構(gòu)完全分離
代碼如下:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(function() {
$("#signupForm").validate(
//在上例中新增的部分
{
rules: {
txtPassword1: "required", //密碼1必填
txtPassword2: { //密碼2的描述多于1項(xiàng)使用對(duì)象類型
required: true, //必填,這里可以是一個(gè)匿名方法
equalTo: "#txtPassword1", //必須與密碼1相等
rangelength: [5, 10] //長(zhǎng)度5-10之間
},
txtEmail: "email" //電子郵箱必須合法
}
});
});
</script>
<form id="signupForm" method="get" action="">
<fieldset>
<legend>用戶注冊(cè)</legend>
<p>
<label for="txtPassword1">
密碼1</label>
<input id="txtPassword1" name="txtPassword1" type="password" />
</p>
<p>
<label for="txtPassword2">
密碼2</label>
<input id="txtPassword2" name="txtPassword2" type="password" />
</p>
<p>
<label for="txtEmail">
郵箱</label>
<input id="txtEmail" name="txtEmail" />
</p>
<p>
<input type="submit" value="提交" />
</p>
</fieldset>
</form>

遠(yuǎn)行結(jié)果:


注意:在ASP.NET中使用這種JS驗(yàn)證方法最好將服務(wù)器控件Id替換成客戶端Id,如:<%=控件Id.ClientId %>,<%=控件Id.UniqueId>

源碼下載

相關(guān)文章

  • jQuery 源代碼顯示控件 (Ajax加載方式).

    jQuery 源代碼顯示控件 (Ajax加載方式).

    比較不錯(cuò)的用ajax加載css或js等文件的源代碼,以前都是需要把代碼放到網(wǎng)頁(yè)中,使用這個(gè)控件就不需要。
    2009-05-05
  • jQuery解析json格式數(shù)據(jù)簡(jiǎn)單實(shí)例

    jQuery解析json格式數(shù)據(jù)簡(jiǎn)單實(shí)例

    這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實(shí)例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下
    2016-01-01
  • jquery Deferred 快速解決異步回調(diào)的問題

    jquery Deferred 快速解決異步回調(diào)的問題

    下面小編就為大家?guī)硪黄猨query Deferred 快速解決異步回調(diào)的問題。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-04-04
  • jquery驗(yàn)證郵箱格式并顯示提交按鈕

    jquery驗(yàn)證郵箱格式并顯示提交按鈕

    這篇文章主要介紹了jquery驗(yàn)證郵箱格式并顯示提交按鈕,只有輸入email地址正確才顯示提交按鈕演示,感興趣的小伙伴們可以參考一下
    2015-11-11
  • JQuery slideshow的一個(gè)小問題(如何發(fā)現(xiàn)及解決過程)

    JQuery slideshow的一個(gè)小問題(如何發(fā)現(xiàn)及解決過程)

    在做一個(gè)網(wǎng)頁(yè)homepage的時(shí)候,想用slideshow[1]做圖片切換效果,在打開頁(yè)面所以的正常測(cè)試都沒問題:當(dāng)瀏覽器同時(shí)打開多個(gè)tab,停留他tab中的頁(yè)面一段時(shí)間后,會(huì)出現(xiàn)圖片是最后一張圖片,針對(duì)這個(gè)問題,本文給予了詳細(xì)的解決方法,感興趣的朋友可以了解下
    2013-02-02
  • jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法

    jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-05-05
  • jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法匯總

    jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法匯總

    這篇文章主要介紹了jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法,包括jQuery追加元素、遍歷數(shù)組以及使用模板等方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2014-09-09
  • jquery使用jxl插件導(dǎo)出excel示例

    jquery使用jxl插件導(dǎo)出excel示例

    這篇文章主要介紹了jquery使用jxl插件導(dǎo)出excel的具體實(shí)現(xiàn)步驟,需要的朋友可以參考下
    2014-04-04
  • jquery對(duì)Json的各種遍歷方法總結(jié)(必看篇)

    jquery對(duì)Json的各種遍歷方法總結(jié)(必看篇)

    下面就為大家?guī)硪黄猨query對(duì)Json的各種遍歷方法總結(jié)(必看篇)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-09
  • jQuery隨機(jī)密碼生成的方法

    jQuery隨機(jī)密碼生成的方法

    這篇文章主要介紹了jQuery隨機(jī)密碼生成的方法,實(shí)例分析了jQuery操作隨機(jī)數(shù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03

最新評(píng)論