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>
相关文章推荐
- JQuery 淡入淡出3
- JQuery 淡入淡出1
- JQuery 淡入淡出2
- 米到环球-地址栏-单选框的jquery处理,非典型的tab选项卡处理思维
- 自定义裁剪和缩放图像的jQuery插件Cropit使用的大坑
- jquery 判断一组checkbox是否被选中
- 解决jquery的scrollTop()置顶的浏览器兼容
- Jquery 文本 精确查找
- jquery获取所有选中的checkbox
- 开发自己的JQuery框架
- 使用jquery插件 jquery.table2excel.js 将页面中的表格下载到本地(excel格式)
- jquery循环遍历radio单选按钮,并设置选中状态
- 优秀jquery幻灯片插件汇总
- jQuery中的动画
- jQuery 菜单项切换
- JQuery 封装的应用 还是注册
- jQuery 全选
- chrome不支持jqgrid表格按返回数据顺序显示的解决办法
- 超好用的简单的jquery tab选项卡切换代码(点击切换和导航栏滑过)
- jquery.validfrom.js