<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          15個必須收藏的JS正則表達(dá)式

          共 3049字,需瀏覽 7分鐘

           ·

          2022-01-15 23:28


          在表單驗證中,使用正則表達(dá)式來驗證正確與否是一個很頻繁的操作,本文收集整理了15個常用的javaScript正則表達(dá)式,其中包括用戶名、密碼強度、整數(shù)、數(shù)字、電子郵件地址(Email)、手機號碼、身份證號、URL地址、 IPv4地址、 十六進(jìn)制顏色、 日期、 QQ號碼、 微信號、車牌號、中文正則。

          1 用戶名正則

          //用戶名正則,4到16位(字母,數(shù)字,下劃線,減號)
          var?uPattern?=?/^[a-zA-Z0-9_-]{4,16}$/;
          //輸出?true
          console.log(uPattern.test("caibaojian"));

          2 密碼強度正則

          //密碼強度正則,最少6位,包括至少1個大寫字母,1個小寫字母,1個數(shù)字,1個特殊字符
          var?pPattern?=?/^.*(?=.{6,})(?=.*d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*??]).*$/;
          //輸出?true
          console.log("=="+pPattern.test("caibaojian#"));

          3 整數(shù)正則

          //正整數(shù)正則
          var?posPattern?=?/^d+$/;
          //負(fù)整數(shù)正則
          var?negPattern?=?/^-d+$/;
          //整數(shù)正則
          var?intPattern?=?/^-?d+$/;
          //輸出?true
          console.log(posPattern.test("42"));
          //輸出?true
          console.log(negPattern.test("-42"));
          //輸出?true
          console.log(intPattern.test("-42"));

          4 數(shù)字正則

          可以是整數(shù)也可以是浮點數(shù)

          //正數(shù)正則
          var?posPattern?=?/^d*.?d+$/;
          //負(fù)數(shù)正則
          var?negPattern?=?/^-d*.?d+$/;
          //數(shù)字正則
          var?numPattern?=?/^-?d*.?d+$/;
          console.log(posPattern.test("42.2"));
          console.log(negPattern.test("-42.2"));
          console.log(numPattern.test("-42.2"));

          5 Email正則

          //Email正則
          var?ePattern?=?/^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;
          //輸出?true
          console.log(ePattern.test("[email protected]"));

          6 手機號碼正則

          //手機號正則
          var?mPattern?=?/^1[34578]d{9}$/;?//http://caibaojian.com/regexp-example.html
          //輸出?true
          console.log(mPattern.test("15507621888"));

          7 身份證號正則

          //身份證號(18位)正則
          var?cP?=?/^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$/;
          //輸出?true
          console.log(cP.test("11010519880605371X"));

          8 URL正則

          //URL正則
          var?urlP=?/^((https?|ftp|file)://)?([da-z.-]+).([a-z.]{2,6})([/w?.-]*)*/?$/;
          //輸出?true
          console.log(urlP.test("http://caibaojian.com.cn"));

          9 IPv4地址正則

          //ipv4地址正則
          var?ipP?=?/^(?:(?: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]?)$/;
          //輸出?true
          console.log(ipP.test("115.28.47.26"));

          10 十六進(jìn)制顏色正則

          //RGB?Hex顏色正則
          var?cPattern?=?/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
          //輸出?true
          console.log(cPattern.test("#b8b8b8"));

          11 日期正則

          //日期正則,簡單判定,未做月份及日期的判定
          var?dP1?=?/^d{4}(-)d{1,2}1d{1,2}$/;
          //輸出?true
          console.log(dP1.test("2017-05-11"));
          //輸出?true
          console.log(dP1.test("2017-15-11"));
          //日期正則,復(fù)雜判定
          var?dP2?=?/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
          //輸出?true
          console.log(dP2.test("2017-02-11"));
          //輸出?false
          console.log(dP2.test("2017-15-11"));
          //輸出?false
          console.log(dP2.test("2017-02-29"));

          12 QQ號碼正則

          //QQ號正則,5至11位
          var?qqPattern?=?/^[1-9][0-9]{4,10}$/;
          //輸出?true
          console.log(qqPattern.test("65974040"));

          13 微信號正則

          //微信號正則,6至20位,以字母開頭,字母,數(shù)字,減號,下劃線
          var?wxPattern?=?/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
          //輸出?true
          console.log(wxPattern.test("caibaojian_com"));

          14 車牌號正則

          //車牌號正則
          var?cPattern?=?/^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領(lǐng)A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學(xué)警港澳]{1}$/;
          //輸出?true
          console.log(cPattern.test("粵B39006"));

          15 包含中文正則

          //包含中文正則
          var?cnPattern?=?/[u4E00-u9FA5]/;
          //輸出?true
          console.log(cnPattern.test("蔡寶堅"));

          以上就是我收集前端表單中的正則驗證。

          結(jié)語

          「關(guān)注公眾號IQ前端,一個專注于CSS/JS開發(fā)技巧的前端公眾號,更多前端小干貨等著你喔」



          瀏覽 68
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产成人无码免费视频 | 日本人妻在线播放 | 亚欧无码 | 夜射夜啪成人一区 | 爱草逼爱草逼爱草逼爱草逼爱草逼爱草逼 |