文档章节

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
粉丝 11
博文 31
码字总数 3614
作品 0
嘉兴
程序员
jquery.validate使用攻略

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

引鸩怼孑
2015/07/21
0
0
240多个jQuery插件(1)

文件上传(File upload) Ajax File Upload. jQUploader. Multiple File Upload plugin. jQuery File Style. Styling an input type file. Progress Bar Plugin. 表单验证(Form Validation) j......

五味格子
2011/05/11
0
0
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
0
0
Web开发者必知的12款jQuery插件

jQuery插件能够增强网站的可用性,有效地改善用户体验,还可以大大减少创建一个新站点的开发时间。现在的jQuery插件很多,尽可以根据您的项目要求来选择,不过也有一些插件很好用,几乎各种项...

迷路的阿修罗
2010/12/15
0
0
表单验证:nice Validator 与 jQuery Validation 对比

提要 最近,有人提到jQuery Validation Plugin,甚至有人怀疑 nice Validator 和 这个插件系同一个作者。我好想说,你太有想象力了-。-!jQuery Validation全程的鹰文,nice Validator 全程的...

JonyZhang
2013/08/02
0
7

没有更多内容

加载失败,请刷新页面

加载更多

Java并发编程:volatile关键字解析

volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在Java 5之后,volatile关键字才得以重获生...

engeue
12分钟前
0
0
通过ajax访问远程天气预报服务

http://www.webxml.com.cn/zh_cn/index.aspx 更改wsdl文件 打开文件将15行,51行,101行去掉 然后把文件复制到c盘 然后在桌面上面就生成了文件 将文件打成jar包 package cn.it.ws.weather;...

江戸川
今天
1
0
聊聊storm的tickTuple

序 本文主要研究一下storm的tickTuple 实例 TickWordCountBolt public class TickWordCountBolt extends BaseBasicBolt { private static final Logger LOGGER = LoggerFactory.getLogg......

go4it
今天
1
0
自动装箱和自动拆箱

自动装箱和自动拆箱 Java 提供了 8 种基本数据类型,每种数据类型都有其对应的包装类型,包装类是面向对象的类,是一种高级的数据类型,可以进行一些比较复杂的操作,它们是引用类型而不再基...

tsmyk0715
今天
2
0
简易审计系统

1、有时候我们需要对线上用户的操作进行记录,可以进行追踪,出现问题追究责任,但是linux自带的history并不会实时的记录(仅仅在内存中,当用户正常退出(exit logout )时才会记录到history文件里...

芬野de博客
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部