主頁 > 知識(shí)庫 > jQuery正則表達(dá)式的使用方法步驟詳解

jQuery正則表達(dá)式的使用方法步驟詳解

熱門標(biāo)簽:地圖標(biāo)注教學(xué)點(diǎn) ai電話機(jī)器人搭建 呼叫系統(tǒng)外呼只能兩次 外呼系統(tǒng)無呼出路由是什么原因 400電話辦理電話辦理 甘肅醫(yī)療外呼系統(tǒng)排名 梅縣地圖標(biāo)注 貴港公司如何申請(qǐng)400電話 西藏智能外呼系統(tǒng)代理商

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

基礎(chǔ)正則

1、正則表達(dá)式的創(chuàng)建

a) var checkNum = /^[A-Za-z0-9]+$/;
b) var re=new RegExp(“["+s1+"]“,”g”);

2、常用規(guī)則

a) 用戶密碼:/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/
b) 郵件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
c) 手機(jī):/^[\d]{5,20}$/
d) 其它常用驗(yàn)證:請(qǐng)百度

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">檢測(cè)/span>
  input type="text" id="t_username" placeholder="請(qǐng)輸入"/>
  hr/>
  label>郵箱:/label>span id="check_email">檢測(cè)/span>
  input type="text" id="t_email" placeholder="請(qǐng)輸入"/>
  hr/>
  label>手機(jī):/label>span id="check_phone">檢測(cè)/span>
  input type="text" id="t_phone" placeholder="請(qǐng)輸入"/>
  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');
      }
    });
    // 手機(jī)
    $("#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>

效果演示圖

以上所述是小編給大家介紹的jQuery正則表達(dá)式的使用方法步驟詳解,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • jQuery中的正則表達(dá)式分析 正則基礎(chǔ)
  • JS字符串false轉(zhuǎn)boolean的方法(推薦)

標(biāo)簽:湖州 涼山 哈密 大興安嶺 ???/a> 常州 本溪 泰安

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jQuery正則表達(dá)式的使用方法步驟詳解》,本文關(guān)鍵詞  jQuery,正則,表達(dá)式,的,使用方法,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jQuery正則表達(dá)式的使用方法步驟詳解》相關(guān)的同類信息!
  • 本頁收集關(guān)于jQuery正則表達(dá)式的使用方法步驟詳解的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章