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做拖动布局的思路
May 31 Javascript
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
jquery获取选中的文本和值的方法
Jul 08 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
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
PHP 读取文件的正确方法
2009/04/29 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
浅谈tudou土豆网首页图片延迟加载的效果
2010/06/23 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
python Opencv将图片转为字符画
2021/02/19 Python
Python中文编码知识点
2019/02/18 Python
python进阶之自定义可迭代的类
2019/08/20 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
一些PHP的面试题
2015/05/06 面试题
优秀小学生家长评语
2014/01/30 职场文书
平安工地汇报材料
2014/08/19 职场文书
2014年保管员工作总结
2014/11/18 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
《落花生》教学反思
2016/02/16 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL