jquery.validate使用攻略 第五步 正则验证_jquery

// 手机号码验证
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, "手机号码格式错误");

// 电话号码验证
jQuery.validator.addMethod("phone", function(value, element) {
var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
return this.optional(element) || (tel.test(value));
}, "电话号码格式错误");

// 邮政编码验证
jQuery.validator.addMethod("zipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "邮政编码格式错误");

// QQ号码验证
jQuery.validator.addMethod("qq", function(value, element) {
var tel = /^[1-9]\d{4,9}$/;
return this.optional(element) || (tel.test(value));
}, "qq号码格式错误");

// IP地址验证
jQuery.validator.addMethod("ip", function(value, element) {
var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));
}, "Ip地址格式错误");

// 字母和数字的验证
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

// 中文的验证
jQuery.validator.addMethod("chinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]+$/;
return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

// 下拉框验证
$.validator.addMethod("selectNone", function(value, element) {
return value == "请选择";
}, "必须选择一项");

// 字节长度验证
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

时间: 2024-12-31 08:47:53

jquery.validate使用攻略 第五步 正则验证_jquery的相关文章

jquery validate使用攻略 第四步_jquery

默认情况下,验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式. /* 输入控件验证出错*/ form input.error { border:solid 1px red;} /* 验证错误提示信息*/ form label.error{width: 200px;margin-left: 10px; color: Red;} 如果想自定义显示方式,可以修改jquery.validate的默认显示方式 默认用label显示

jquery.validate使用攻略 第三部_jquery

1: 自定义表单提交 设置submitHandler来自定义表单提交动作 $(".selector").validate({ submitHandler: function(form) { alert("验证通过"); } }); 如果需要提交表单,可以调用 form.submit(); 或者$(form).ajaxSubmit(); 2: 调试模式 将debug设置为true,表单不会提交,只进行检查,方便调试 $(".selector").v

jquery.validate使用攻略 第一部_jquery

主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码 下载地址 jquery.validate插件的文档地址 http://docs.jquery.com/Plugins/Validation jquery.validate插件的主页 http://bassistance.de/jquery-plugins/jquery-plugin-validation/

jquery.validate使用攻略 第二部_jquery

Plugin methodsName Type validate( options ) Returns: Validator 验证所选的FORM valid( ) Returns: Boolean 检查是否验证通过 rules( ) Returns: Options 返回元素的验证规则 rules( "add", rules ) Returns: Options 增加验证规则 rules( "remove", rules ) Returns: Options 删除验

基于google图表API的jquery组件全攻略:基础入门

gchart:基于google图表API的jquery组件全攻略--入门 gchart是基于google图表API的jquery组件.使用gchart可以方便地生成强大的各种图表和报表.基于google图表接口的gchart,有着简单.方便.强大.够用.好用的特点.<gchart:基于jquery的google图表接口组件全攻略>系列文章将带你走入gchart的报表世界. 先解释一下这个拗口的标题 google图表API: google图表API是google提供的一个可以生成各种图表的api

DLP攻略:五个危险的数据库默认设置

本文讲的是DLP攻略:五个危险的数据库默认设置,数据库的出厂设置和薄弱的配置让攻击者更容易攻入数据存储,让IT更难以快速检测数据泄露.尽管企业花了很多钱在IT基础设施的各个层次部署数据防御措施,但最终这些努力可能在配置不当的数据库中毁于一旦.无论是因为方便管理员还是数据库管理员缺乏安全意识,企业内经常可以看到数据库仍然采用出厂设置. 这些默认的配置很容易被消息灵通的数据窃贼获取.当攻击者访问到登录屏幕时,他们首先会尝试使用默认账户登录信息.当他们发现存储在数据库的密钥时,他们会如获至宝. Gre

密室逃脱5攻略第五关必读 颜色的顺序很重要

7k小编为您奉上<http://www.aliyun.com/zixun/aggregation/6681.html">密室逃脱5>第五关最新攻略,在讲解本关攻略之前,给大家最近整理的全关卡通关攻略哟.如果其他关卡不懂就请参考这里哈.密室逃脱5第5关的难度相比于第4关更加的大,玩家需要在这关利用蜡烛上的火来找到隐藏在窗户上的密码,进而取得钥匙的一部分.那么这关究竟应该怎么过呢?下面小编Mercy就跟大家说说吧. 1.本关一开始应该先把注意力放在房间右边的窗帘上,点击窗帘,把窗帘

Apache服务器配置全攻略(五)

apache|服务器|攻略 作者:王波 这里可以看到另外一个语句Limit,Limit语句就是用来针对具体的请求方法来设定访问控制的,其中可以使用GET.POST等各种服务器支持的请求方法做Limit的参数,来设定对不同请求方法的访问限制.一般可以打开对GET.POST. HEAD三种请求方法,而屏蔽其他的请求方法,以增加安全性.Limit语句中,可以用Order .Allow.Deny,Allow和Deny中可以使用匹配的方法针对域名和IP进行限制,只是对于域名是从后向前匹配,对于IP地址则从

jQuery插件学习教程之SlidesJs轮播+Validation验证_jquery

SlidesJs(轮播支持触屏)--官网(http://slidesjs.com) 1.简介 SlidesJs是基于Jquery(1.7.1+)的响应幻灯片插件.支持键盘,触摸,css3转换. 2.代码 <!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style> <script src="http:/