文档章节

jquery validation用法

Andy0520
 Andy0520
发布于 2016/06/15 13:17
字数 237
阅读 7
收藏 0
                                    <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>

© 著作权归作者所有

共有 人打赏支持
Andy0520
粉丝 12
博文 31
码字总数 3614
作品 0
嘉兴
程序员
私信 提问
12 个 jQuery 的表单验证教程和插件

jQuery Form Validation 使用jQuery进行快速简单的表单验证教程 Advanced jQuery form validation jQuery plugin: Validation A jQuery inline form validation Adding Form Validation to ......

红薯
2011/11/21
4K
3
8 个高可用的 jQuery 表单验证插件

1) A Jquery Inline Form Validation 2) Jquery Contact Form validation 3) Form Validation Using Jquery 4) Using Jquery and Ajax to validate Form 5) How to Validate Forms in both s......

红薯
2011/12/19
3.1K
8
10 款高质量的 jQuery 表单验证插件

本文整理了几款高质量的jQuery表单验证插件,可以节约web开发者的时间。希望对你有帮助! 列表如下: 1) A Jquery Inline Form Validation 2) Form Validation Using Jquery 3) Using Jquery...

小卒过河
2011/06/28
109.7K
18
jquery.validate使用攻略

主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码 下载地址 jquery.validate插件的文档地址 http://docs.jquery...

引鸩怼孑
2015/07/21
0
0
55 个 jQuery 表单插件

来 55 个 jQuery 表单相关的差距,慢慢消受吧。 Niceforms v2 In-Field Labels jQuery Plugin Create a Progress Bar With Javascript Changing Form Input Styles on Focus with jQuery jqT......

红薯
2011/08/25
2.2K
3

没有更多内容

加载失败,请刷新页面

加载更多

大数据教程(11.9)hive操作基础知识

上一篇博客分享了hive的简介和初体验,本节博主将继续分享一些hive的操作的基础知识。 DDL操作 (1)创建表 #建表语法CREATE [EXTERNAL] TABLE [IF NOT EXISTS] table_name [(col_name ...

em_aaron
58分钟前
0
0
OSChina 周四乱弹 —— 我家猫真会后空翻

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @我没有抓狂 :#今天听这个# 我艇牛逼,百听不厌,太好听辣 分享 Led Zeppelin 的歌曲《Stairway To Heaven》 《Stairway To Heaven》- Led Z...

小小编辑
今天
1
0
node调用dll

先安装python2.7 安装node-gyp cnpm install node-gyp -g 新建一个Electron-vue项目(案例用Electron-vue) vue init simulatedgreg/electron-vue my-project 安装electron-rebuild cnpm ins......

Chason-洪
今天
3
0
scala学习(一)

学习Spark之前需要学习Scala。 参考学习的书籍:快学Scala

柠檬果过
今天
3
0
通俗易懂解释网络工程中的技术,如STP,HSRP等

导读 在面试时,比如被问到HSRP的主备切换时间时多久,STP几个状态的停留时间,自己知道有这些东西,但在工作中不会经常用到,就老是记不住,觉得可能还是自己基础不够牢固,知识掌握不够全面...

问题终结者
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部