jquery正则表达式验证

Query.validate 的正则验证功能,包括手机号码、电话号码、邮政编码、QQ号码、IP地址、字母和数字、中文的验证等。

手机号码验证

以下为引用内容: <wbr>


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 &amp;&amp; mobile.test(value)); 

}, "手机号码格式错误");
</wbr>

电话号码验证

以下为引用内容: <wbr>


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)); 

}, "电话号码格式错误");
</wbr>

邮政编码验证<wbr></wbr>

以下为引用内容: 

 <wbr>jQuery.validator.addMethod("zipCode", function(value, element) { 

var tel = /^[0-9]{6}$/; 

return this.optional(element) || (tel.test(value)); 

}, "邮政编码格式错误");
</wbr>

QQ号码验证

以下为引用内容: 

 <wbr>jQuery.validator.addMethod("qq", function(value, element) { 

var tel = /^[1-9]\d{4,9}$/; 

return this.optional(element) || (tel.test(value)); 

}, "qq号码格式错误");
</wbr>

IP地址验证

以下为引用内容: 

 <wbr>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) &amp;&amp; (RegExp.$1 &lt; 256 &amp;&amp; RegExp.$2 &lt; 256 &amp;&amp; RegExp.$3 &lt; 256 &amp;&amp; RegExp.$4 &lt; 256)); 

}, "Ip地址格式错误");



字母和数字的验证
</wbr>
以下为引用内容:
<wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("chrnum", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var chrnum = /^([a-zA-Z0-9]+)$/;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (chrnum.test(value));</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 中文的验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("chinese", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var chinese = /^[\u4e00-\u9fa5]+$/;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (chinese.test(value));</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "只能输入中文");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 下拉框验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px"></span><wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">$.validator.addMethod("selectNone", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return value == "请选择";</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "必须选择一项");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 字节长度验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px"></span><wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var length = value.length;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">for (var i = 0; i &lt; value.length; i++) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">if (value.charCodeAt(i) &gt; 127) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">length++;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (length &gt;= param[0] &amp;&amp; length &lt;= param[1]);</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">},$.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));</span></wbr></wbr></wbr>

<wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("chrnum", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var chrnum = /^([a-zA-Z0-9]+)$/;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (chrnum.test(value));</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 中文的验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("chinese", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var chinese = /^[\u4e00-\u9fa5]+$/;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (chinese.test(value));</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "只能输入中文");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 下拉框验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px"></span><wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">$.validator.addMethod("selectNone", function(value, element) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return value == "请选择";</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}, "必须选择一项");</span> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 字节长度验证</p> <span style="font-family:Arial; font-size:14px; color:#ff00; line-height:26px">以下为引用内容:</span><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px"></span><wbr style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">var length = value.length;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">for (var i = 0; i &lt; value.length; i++) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">if (value.charCodeAt(i) &gt; 127) {</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">length++;</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">}</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">return this.optional(element) || (length &gt;= param[0] &amp;&amp; length &lt;= param[1]);</span><br style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"><span style="font-family:Arial; font-size:14px; color:#333333; line-height:26px">},$.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));</span></wbr></wbr></wbr>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值