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插件擴展測試實例
相關文章
jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表,結(jié)合具體實例形式分析了jQuery日期時間運算構(gòu)造級聯(lián)下拉列表相關操作技巧,需要的朋友可以參考下2019-05-05
jquery.messager.js插件導致頁面抖動的解決方法
這盤文章介紹了jquery.messager.js插件導致頁面抖動的解決方法,有需要的朋友可以參考一下2013-07-07

