如何在jQuery中使用正則表達(dá)式

今天就跟大家聊聊有關(guān)如何在jQuery中使用正則表達(dá)式，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)長(zhǎng)期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為興隆企業(yè)提供專業(yè)的網(wǎng)站制作、成都做網(wǎng)站，興隆網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

基礎(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>

看完上述內(nèi)容，你們對(duì)如何在jQuery中使用正則表達(dá)式有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

本文名稱：如何在jQuery中使用正則表達(dá)式
當(dāng)前URL：http://chinadenli.net/article0/jigpio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、虛擬主機(jī)、小程序開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、建站公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

如何在jQuery中使用正則表達(dá)式