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


Posted in Javascript onJuly 01, 2010

// 手机号码验证
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个字节)"));

Javascript 相关文章推荐
JavaScript初学者需要了解10个小技巧
Aug 25 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
Aug 22 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
webpack-dev-server自动更新页面方法
Feb 22 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
jquery validate使用攻略 第四步
Jul 01 #Javascript
jquery.validate使用攻略 第三部
Jul 01 #Javascript
jquery.validate使用攻略 第二部
Jul 01 #Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 #Javascript
jquery.validate使用攻略 第一部
Jul 01 #Javascript
jquery 新浪网易的评论块制作
Jul 01 #Javascript
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 #Javascript
You might like
Zerg基本策略
2020/03/14 星际争霸
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
索趣科技的答案
2007/02/07 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
2011/12/12 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
Python制作爬虫抓取美女图
2016/01/20 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
如何撰写岗位职责
2014/02/01 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
索赔员岗位职责
2015/02/15 职场文书
教师求职自荐信
2015/03/26 职场文书
2016教师节感恩话语
2015/12/09 职场文书
Python爬虫实战之爬取京东商品数据并实实现数据可视化
2021/06/07 Python
源码解读Spring-Integration执行过程
2021/06/11 Java/Android