[详解jquery正则表达式的使用方法]详解jQuery正则表达式的使用方法

本文主要和大家分享的就是jQuery学习中正则的使用，正则在jquery里面并没有比JavaScript多哪些知识，基本上是一样的，只是选择器更好了一点，一起来看看吧。

基础正则

1、正则表达式的创建

   代码如下 a)varcheckNum = /^[A-Za-z0-9]+$/; b)varre=newRegExp(“["+s1+"]“,”g”);  

2、常用规则

   代码如下 a) 用户密码：/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/ b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/ c) 手机:/^[\d]{5,20}$/ d) 其它常用验证:请百度  

3、方式：test

案例

   代码如下         <script type="text/javascript"src="public/js/jquery-2.2.3.min.js"></script>

  用户名：检测      

---

  邮箱：检测      

---

  手机：检测      

---

<script>   $(function() {     // 用户名     $("#check_username").click(function(){       varstr = $("#t_username").val();       varret = /^[a-zA-Z][a-zA-Z0-9_]{5,20}$/;       if(ret.test(str)){         alert("ok");       }else{         alert("wrong");       }     });     // 邮件     $("#check_email").click(function(){       varstr = $("#t_email").val();       varret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;       if(ret.test(str)){         alert("ok");       }else{         alert("wrong");       }     });     // 手机     $("#check_phone").click(function(){       varstr = $("#t_phone").val();       varret = /^[\d]{5,20}$/;       if(ret.test(str)){         alert("ok");       }else{         alert("wrong");       }     });   }); </script>  

效果演示图

[详解jquery正则表达式的使用方法]详解jQuery正则表达式的使用方法

http://m.bbyears.com/wangyezhizuo/117378.html

推荐访问: