您的位置:首页 > Web前端 > JQuery

jquery validation用法

2016-06-15 00:00 591 查看
<script>
$().ready(function () {
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写您的手机号码");
$("#weko_sign").validate({
rules: {
title: {
required: true,
minlength: 2
},
intro: {
required: true,
minlength: 3
},
name: {
required: true,
minlength: 2
},
mobile: {
required: true,
minlength : 11,
isMobile : true
}
},
messages: {
title: {
required: "请输入店铺名",
minlength: "店铺名不能少于2个字符"
},
intro: {
required: "请输入店铺介绍",
minlength: "介绍信息不能小于 3 个字符"
},
name: {
required: "请输入名字",
minlength: "姓名必需由两个字以上组成"
},
mobile: {
required : "请输入手机号",
minlength : "确认手机不能小于11个字符",
isMobile : "请正确填写您的手机号码"
}
},
highlight: function(e) {
$(e).closest(".form-group").addClass("has-error")
},
unhighlight: function(e) {
$(e).closest(".form-group").removeClass("has-error")
},
success: function(e) {
e.closest(".form-group").removeClass("has-error")
},
submitHandler: function (form) {
var tag = $(this),
url = "{:U('Weko/Index/editStore')}",
query = $('#weko_sign').serialize();
$.post(url, query, function (res) {
if (res.status) {
tag.val('提交成功,正在跳转...');
toast.success('成功!');
} else {
handleAjax(res);
}
}, 'json');

}
});
});

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: