2. 註冊
$("form1").validate();
$("form1").validate();
3. 驗證
CssClass="required"
CssClass="email"
CssClass="number"
CssClass="required"
CssClass="email"
CssClass="number"
4. 語系訊息 xx_zh_TW.js
var twmsg = {
required: "必填",
email: "請輸入正確格式的電子郵件",
url: "請輸入合法的網址",
date: "請輸入合法的日期",
dateISO: "請輸入合法的日期 (ISO)",
number: "請輸入合法的數字",
digits: "請輸入整數",
equalTo: "請輸入相同的值",
accept: "請輸入合法的字串符",
maxlength: jQuery.format("請輸入長度最多是 {0} 的字串"),
minlength: jQuery.format("請輸入長度最少是 {0} 的字串"),
rangelength: jQuery.format("請輸入長度介於 {0} 與 {1} 的字串"),
range: jQuery.format("請輸入介於 {0} 與 {1} 之間的值"),
max: jQuery.format("請輸入最大為 {0} 的值"),
min: jQuery.format("請輸入最小為 {0} 的值")
}
required: "必填",
email: "請輸入正確格式的電子郵件",
url: "請輸入合法的網址",
date: "請輸入合法的日期",
dateISO: "請輸入合法的日期 (ISO)",
number: "請輸入合法的數字",
digits: "請輸入整數",
equalTo: "請輸入相同的值",
accept: "請輸入合法的字串符",
maxlength: jQuery.format("請輸入長度最多是 {0} 的字串"),
minlength: jQuery.format("請輸入長度最少是 {0} 的字串"),
rangelength: jQuery.format("請輸入長度介於 {0} 與 {1} 的字串"),
range: jQuery.format("請輸入介於 {0} 與 {1} 之間的值"),
max: jQuery.format("請輸入最大為 {0} 的值"),
min: jQuery.format("請輸入最小為 {0} 的值")
}
jQuery.extend(jQuery.validator.messages, twmsg);
5. 錯誤樣式
label.error {
background: url(error.png) no-repeat 0px 0px;
color: red; padding-left: 20px;
}
input.error {
border: dashed 1px red;
}
label.error {
background: url(error.png) no-repeat 0px 0px;
color: red; padding-left: 20px;
}
input.error {
border: dashed 1px red;
}
原始文章出自於此
沒有留言:
張貼留言