jquery.validate使用攻略第五步正则验证
作者:嘉sen | 来源:互联网 | 2022-03-30 18:36
// 手机号码验证 jQuery.validator.addMethod("mobile", function(value, element
// 手机号码验证
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 if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
推荐阅读
-
JavaScript-hrefvsonclick用 ...
[详细]
蜡笔小新 2024-09-29 13:19:39
-
本节书摘来自华章计算机《Web前端开发最佳实践》一书中的第2章,第2.2节,作者:党 建更多章节内容可以访问云栖社区“华章计算机”公众号查看。2.2 前端代码重构代码 ...
[详细]
蜡笔小新 2024-09-28 11:34:29
-
-
官方文档上说通过禁用node可以用jquery,可是我还是要使用node的一些模块,不能禁用,怎样让jquery和electron一起用呢 ...
[详细]
蜡笔小新 2024-09-26 20:58:19
-
结束jquery时间不长,写代码感觉很生,而且敢接写起来很费劲做点简单的总结。首先主要要先引入.juery.js文件第二一些js插件文件也要在jquer ...
[详细]
蜡笔小新 2024-09-26 12:38:56
-
一、vue-resource1、引入资源方式1)下载vue-resource.js,添加到项目中2)CDN:http:www ...
[详细]
蜡笔小新 2024-09-26 12:02:49
-
div显示如下div中添加的html,进行拼接$(#showResult).append(html);在div中添 ...
[详细]
蜡笔小新 2024-09-26 11:10:45
-
蜡笔小新 2024-09-25 18:48:35
-
bootstrap-datetimepicker日期控件简单使用应用场景:表单日期 ...
[详细]
蜡笔小新 2024-09-25 17:57:54
-
IamcurrentlyworkingonashoppingcartapplicationusingMVC5andhavearequirementtoallowedi ...
[详细]
蜡笔小新 2024-09-25 16:15:00
-
CSS样式body{font-size:12px;}.menuBox{width:50%;height:auto;margin:0auto;}.menuBoxul{margin:0 ...
[详细]
蜡笔小新 2024-09-25 15:06:41
-
使用html2canvas截图网页全页或者某个元素 ...
[详细]
蜡笔小新 2024-09-25 13:50:20
-
$(document).ready没有 ...
[详细]
蜡笔小新 2024-09-25 13:23:18
-
jqueryui中dialog和easyui中的dialog很像,但是最近用到的时候全然没有印象,一段时间不用就忘记了,这篇随笔介绍一下这个控件。1.实例官网源代码中给出了一些实例,首先看看实例是什么样子的。 a.默认功能也是最简单的应用,也就是打开一个对话框,代码如下&amp;lt;!doctypehtml&amp;gt;&amp;lt;html ...
[详细]
蜡笔小新 2024-09-25 13:11:11
-
写在前面用简单的另一种方法实现导航栏滑动特效。代码.line{float:none;position:absolute; ...
[详细]
蜡笔小新 2024-09-25 12:19:42
-
利用JavaScript的函数有两种方式1.jQueryjQuery.inArray(value,array[,fromIndex])value类型: Anything要查找的值。 ...
[详细]
蜡笔小新 2024-09-25 08:48:15
-