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 相关文章推荐
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
Jun 20 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
vue轮播图插件vue-concise-slider的使用
Mar 13 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 Javascript
vue中nextTick用法实例
Sep 11 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 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读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
简单实用的.net DataTable导出Execl
2013/10/28 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Python操作Access数据库基本步骤分析
2016/09/19 Python
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
Python执行时间的计算方法小结
2017/03/17 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
python递归下载文件夹下所有文件
2019/08/31 Python
pytorch进行上采样的种类实例
2020/02/18 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
Android面试题附答案
2014/12/08 面试题
初三化学教学反思
2014/01/23 职场文书
委托书范本
2014/04/02 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python