JQuery擴(kuò)展插件Validate 3通過參數(shù)設(shè)置錯(cuò)誤信息
更新時(shí)間:2011年09月05日 21:47:06 作者:
最終顯示在頁(yè)面上的錯(cuò)誤分為兩種:第一種是默認(rèn)錯(cuò)誤信息,該信息已經(jīng)被定義在插件中了,可以手動(dòng)修改。
最終顯示在頁(yè)面上的錯(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] //長(zhǎng)度5-10之間
},
txtEmail: "email" //電子郵箱必須合法
},
messages: {
txtPassword1: "您必須填寫",
txtPassword2: {
required: "您必須填寫",
equalTo: "密碼不一致",
rangelength: "長(zhǎng)度必須介于{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] //長(zhǎng)度5-10之間
},
txtEmail: "email" //電子郵箱必須合法
},
messages: {
txtPassword1: "您必須填寫",
txtPassword2: {
required: "您必須填寫",
equalTo: "密碼不一致",
rangelength: "長(zhǎng)度必須介于{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ò)展測(cè)試實(shí)例
相關(guān)文章
jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表,結(jié)合具體實(shí)例形式分析了jQuery日期時(shí)間運(yùn)算構(gòu)造級(jí)聯(lián)下拉列表相關(guān)操作技巧,需要的朋友可以參考下2019-05-05jquery.messager.js插件導(dǎo)致頁(yè)面抖動(dòng)的解決方法
這盤文章介紹了jquery.messager.js插件導(dǎo)致頁(yè)面抖動(dòng)的解決方法,有需要的朋友可以參考一下2013-07-07用jQuery實(shí)現(xiàn)抽獎(jiǎng)程序
這篇文章主要為大家詳細(xì)介紹了用jQuery實(shí)現(xiàn)抽獎(jiǎng)程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04對(duì)稱加密與非對(duì)稱加密優(yōu)缺點(diǎn)詳解
本文主要介紹了對(duì)稱加密與非對(duì)稱加密的優(yōu)缺點(diǎn),具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02jQuery實(shí)現(xiàn)簡(jiǎn)單的圖片查看器
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的圖片查看器的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12