JQuery擴(kuò)展插件Validate 3通過參數(shù)設(shè)置錯(cuò)誤信息
更新時(shí)間：2011年09月05日 21:47:06 作者：
最終顯示在頁面上的錯(cuò)誤分為兩種：第一種是默認(rèn)錯(cuò)誤信息，該信息已經(jīng)被定義在插件中了，可以手動(dòng)修改。
最終顯示在頁面上的錯(cuò)誤分為兩種：第一種是默認(rèn)錯(cuò)誤信息，該信息已經(jīng)被定義在插件中了，可以手動(dòng)修改。
第二種是通過參數(shù)指定的錯(cuò)誤信息，如果沒有指定則會(huì)使用默認(rèn)的錯(cuò)誤信息。將上個(gè)示例的js修改如下：
<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] //長度5-10之間
},
txtEmail: "email" //電子郵箱必須合法
},
messages: {
txtPassword1: "您必須填寫",
txtPassword2: {
required: "您必須填寫",
equalTo: "密碼不一致",
rangelength: "長度必須介于{0} 和 {1} 之間的字符串"
}
}
});
});
</script>
html與前面的示例相同
在上一個(gè)示例的基礎(chǔ)上添加了一個(gè)messages項(xiàng)，為其指定了一個(gè)對(duì)象類型的值，與rules基本對(duì)應(yīng),特意沒有指定email的錯(cuò)誤信息，運(yùn)行結(jié)果如下：
源碼下載
第二種是通過參數(shù)指定的錯(cuò)誤信息，如果沒有指定則會(huì)使用默認(rèn)的錯(cuò)誤信息。將上個(gè)示例的js修改如下：
復(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] //長度5-10之間
},
txtEmail: "email" //電子郵箱必須合法
},
messages: {
txtPassword1: "您必須填寫",
txtPassword2: {
required: "您必須填寫",
equalTo: "密碼不一致",
rangelength: "長度必須介于{0} 和 {1} 之間的字符串"
}
}
});
});
</script>
html與前面的示例相同
在上一個(gè)示例的基礎(chǔ)上添加了一個(gè)messages項(xiàng)，為其指定了一個(gè)對(duì)象類型的值，與rules基本對(duì)應(yīng),特意沒有指定email的錯(cuò)誤信息，運(yùn)行結(jié)果如下：
源碼下載
您可能感興趣的文章:
- jQuery插件formValidator自定義函數(shù)擴(kuò)展功能實(shí)例詳解
- jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- 擴(kuò)展Jquery插件處理mouseover時(shí)內(nèi)部有子元素時(shí)發(fā)生樣式閃爍
- JQuery擴(kuò)展插件Validate—6 radio、checkbox、select的驗(yàn)證
- JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式
- JQuery擴(kuò)展插件Validate 2通過參數(shù)設(shè)置驗(yàn)證規(guī)則
- JQuery擴(kuò)展插件Validate 1 基本使用方法并打包下載
- JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
- jQuery autocomplate 自擴(kuò)展插件、自動(dòng)完成示例代碼
- boxy基于jquery的彈出層對(duì)話框插件擴(kuò)展應(yīng)用 彈出層選擇器
- jQuery插件擴(kuò)展測試實(shí)例
相關(guān)文章
給artDialog 5.02 增加ajax get功能詳細(xì)介紹
本文將詳細(xì)介紹給artDialog 5.02 增加ajax get功能的方法，按興趣的朋友可以參考2012-11-11
jQuery如何將選中的對(duì)象轉(zhuǎn)化為原始的DOM對(duì)象
在一個(gè)頁面上選擇元素返回的集合是jQuery對(duì)象而不是原始的DOM對(duì)象，那么如何將其轉(zhuǎn)為DOM對(duì)象呢？下面有個(gè)不錯(cuò)的方法，大家可以嘗試操作下2014-06-06
jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
本文為大家介紹下使用jquery驗(yàn)證郵箱、驗(yàn)證手機(jī)號(hào)碼，具體實(shí)現(xiàn)思路及代碼如下，感興趣的朋友可以學(xué)習(xí)下2013-07-07
jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
本文給大家分享兩種jquery 的ajax防止重復(fù)提交的方法，第一種方法對(duì)于onclick事件觸發(fā)的ajax，在beforeSend中使點(diǎn)擊按鈕不可用，ajax結(jié)果返回后置為可用，第二種利用jquery ajaxPrefilter中斷請求，對(duì)于詳情請參考下本文2016-10-10
本文通過實(shí)例代碼給大家介紹了jquery 與css相結(jié)合實(shí)現(xiàn)的下拉列表功能，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-09-09
jQuery中常用動(dòng)畫效果函數(shù)(日常整理)
這篇文章主要介紹了小編日常收集整理的關(guān)于jQuery中常用動(dòng)畫效果函數(shù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)中間浮窗效果,涉及jQuery事件響應(yīng)及動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09
一步步教大家編寫酷炫的導(dǎo)航欄js+css實(shí)現(xiàn)
一步步教大家編寫酷炫的導(dǎo)航欄，js+css實(shí)現(xiàn)黑色經(jīng)典導(dǎo)航欄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
jquery 新手入門參考教程。2010-04-04
在淘寶購物的時(shí)候，發(fā)現(xiàn)里面有一個(gè)菜單，是查看“評(píng)論，物品信息”等的一個(gè)菜單。由于頁面太長，所以它做了一個(gè)菜單定位2012-05-05