在jQuery裡使用正規表示式的圖文詳解

這次帶給大家在jQuery裡使用正規表示式的圖文詳解，在jQuery裡使用正規表示式的注意事項有哪些，下面就是實戰案例，一起來看一下。

基礎正規

1、正規表示式的建立

a) var checkNum = /^[A-Za-z0-9]+$/;
b) var re=new RegExp(“["+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

案例

nbsp;html>


  <meta>
  <title>jquery ajax</title>
  <script></script>

  用户名：检测      

---

  邮箱：检测      

---

  手机：检测      

---

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

效果示範圖

#相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

以正規符合單一字元的詳細解析

正則的元字元使用詳解

以上是在jQuery裡使用正規表示式的圖文詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！