jQuery正則表達式的使用方法步驟詳解

2020-01-20 22:03:24

字體：大中小

來源：轉載

供稿：網友

本文主要和大家分享的就是jQuery學習中正則的使用，正則在jquery里面并沒有比JavaScript多哪些知識，基本上是一樣的，只是選擇器更好了一點，一起來看看吧。

基礎正則

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

案例

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>jquery ajax</title>  <script type="text/javascript" src="public/js/jquery-2.2.3.min.js"></script></head><body><form action="">  <label>用戶名：</label><span id="check_username">檢測</span>  <input type="text" id="t_username" placeholder="請輸入"/>  <hr/>  <label>郵箱：</label><span id="check_email">檢測</span>  <input type="text" id="t_email" placeholder="請輸入"/>  <hr/>  <label>手機：</label><span id="check_phone">檢測</span>  <input type="text" id="t_phone" placeholder="請輸入"/>  <hr/></form></body><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('ok');      }else{        alert('wrong');      }    });    // 郵件    $("#check_email").click(function(){      var str = $("#t_email").val();      var ret = /^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$/;      if(ret.test(str)){        alert('ok');      }else{        alert('wrong');      }    });    // 手機    $("#check_phone").click(function(){      var str = $("#t_phone").val();      var ret = /^[/d]{5,20}$/;      if(ret.test(str)){        alert('ok');      }else{        alert('wrong');      }    });  });</script></html>

效果演示圖