$(document).ready(function() {
jQuery.validator.addMethod("realName", function(value, element) {
var tel = /^([\u4e00-\u9fa5]+|([a-zA-Z]+\s?)+)$/;
return this.optional(element) || (tel.test(value));
}, "請正確填寫您的姓名");
jQuery.validator.addMethod("realWechatNum", function(value, element) {
var tel = /^(13[0-9]|14[0-9]|15[0-9]|18[0-9]|17[0-9])\d{8}$/;
var rex = /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/;
return this.optional(element) || (rex.test(value)) || (tel.test(value));
}, "微信號只能含有數字、字母、下劃線、和減號，且長度在6-20位,開頭為字母/手機號為11位數字");
jQuery.validator.addMethod("integer", function(value, element) {
var tel = /^[1-9]*[1-9][0-9]*$/;
return this.optional(element) || (tel.test(value));
}, "請輸入正確的員工編號");
$("#inputForm").validate({
onfocusout: false,
rules: {
"staff.staffName": {realName: true},
"staff.staffWorkNo": {remote: "${ctx}/sys/user/checkStaffWorkNo?staffId=${sysUser.staffId}"},
"staff.staffNo": {integer:true,maxlength:8},
wechatNum: {
realWechatNum:true,
remote: {
type: "post",
url: "${ctx}/sys/user/checkWechatNum?userId=${sysUser.userId}",
data: {
wechatNum: function(){return $("#wechatNum").val();}
}
}
}
},
messages: {
"staff.staffWorkNo": {remote:"員工檔案編碼重復"},
wechatNum: {
realWechatNum: "微信號只能含有數字、字母、下劃線、和減號，且長度在6-20位,開頭為字母/手機號為11位數字",
remote: "微信號/手機號已存在"
},
"staff.staffNo": {
integer:"編號為非0開頭正整數數字格式并且最多8位",
maxlength:"編號為非0開頭正整數數字格式并且最多8位",
},
},
submitHandler: function(form){
$('#myModal').modal({backdrop: 'static', keyboard: false});
loading('正在提交，請稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("輸入有誤，請先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});

?

其中jQuery.validate的optional(element)，用于表單控件的值不為空時才觸發驗證。
當element為空時this.optional(element)=true，用于在該控件為非必填項目時可以通過驗證，及條件可以不填但是不能填錯格式。

如果值為空時也要觸發驗證，移除optional(element)。

轉載于:https://www.cnblogs.com/h-wei/p/10149790.html

總結

以上是生活随笔為你收集整理的jquery-validae的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。