jquery validate添加自定义验证。。。。

<script src="${pageContext.request.contextPath}/resources/js/jquery-1.12.0.min.js" type="text/javascript"></script>

<script src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js" type="text/javascript"></script>

<script src="${pageContext.request.contextPath}/resources/js/messages_zh.js" type="text/javascript"></script>

<form class="am-form" ></form>

js中添加 手机自定义验证

jQuery.validator.addMethod("isMobile", function(value, element) {

var length = value.length;

var mobile = /^1[34578]\d{9}$/;/*/^1(3|4|5|7|8)\d{9}$/*/

return this.optional(element) || (length == 11 && mobile.test(value));

}, "请正确填写您的手机号码");

$("#saveBtn").click(function() {

$("#mechantForm").validate({

submitHandler: function(form){

$.ajax({

cache : true,

type : "POST",

url : "merchant",

data : $('#mechantForm').serialize(),

async : false,

error : function(data) {

layer.alert('系统错误', {icon: 0});

},

success : function(data) {

layer.alert('保存成功', {icon: 1});

$('#mechantForm')[0].reset();

}

});

},

rules: {

merchantName: {

required: true,

minlength: 3

},

name:{

required: true,

minlength: 2

},

telphone:{

required: true,

minlength: 11,

maxlength:11,

digits:true,

number:true,

isMobile : true

},

address:{

required: true,

maxlength:50

}

},

messages: {

merchantName: {

required: "不能为空",

minlength: "不能少于3个字符"

},

name:{

required: "不能为空",

minlength: "不能少于2个字符"

},

telphone:{

required: "不能为空",

minlength: "必须11位数字",

maxlength:"必须11位数字",

digits:"必须是数字" ,

number:"请输入有效数字",

isMobile : "手机号格式错误"

},

address:{

required:'不能为空',

maxlength:"不能多于50个字符"

}

}

});

});