jquery validation用法
博客专区 > Andy0520 的博客 > 博客详情
jquery validation用法
Andy0520 发表于2年前
jquery validation用法
  • 发表于 2年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

                                    <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>
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 11
博文 17
码字总数 3263
×
Andy0520
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: