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