真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能”這篇文章吧。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)夾江,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

 一般做到注冊(cè)頁(yè)面的時(shí)候,當(dāng)用戶(hù)填完信息,都需要對(duì)他們的信息進(jìn)行驗(yàn)證,這就要用到正則表達(dá)式,具體看下面這個(gè)例子。

效果圖:(當(dāng)用戶(hù)填寫(xiě)的信息不符合規(guī)范時(shí)顯示錯(cuò)誤提示)

我只提供了html結(jié)構(gòu)和js,樣式你們按照自己的設(shè)計(jì)稿自己寫(xiě),我是分別給正確的時(shí)候和錯(cuò)誤的時(shí)候加了不同的class,用了不同的高度,正確是高度小,可以把提示的紅字隱藏。

正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能

html結(jié)構(gòu):


  

注冊(cè)

  
         字母開(kāi)頭,長(zhǎng)度5-10位字母數(shù)字下劃線(xiàn)   
  
         字母數(shù)字長(zhǎng)度6-18位   
  
         兩次密碼不一致   
  
         電話(huà)號(hào)碼格式不正確   
  
         郵箱格式不正確   
  
         證件格式不正確   
          
  請(qǐng)先輸入密碼

js:

//正則表達(dá)式已//雙斜杠開(kāi)始和結(jié)束,限制必須要以什么什么開(kāi)頭要在之前加^(guān),限制必須要以什么什么結(jié)尾要在后面加$,例:/^正則$/

  var reg = {
    user:/^[a-zA-Z]\w{4,9}$/,
    //用來(lái)判斷用戶(hù)名,第一位不能為數(shù)字,也就是小寫(xiě)字母或者大寫(xiě)字母,后面的內(nèi)容\w表示字符(數(shù)字字母下劃線(xiàn))
    //要求是5-10位字符,所以出去第一位,還需要4-9位的\w
    pwd:/^[\da-zA-Z]{6,18}$/,
    //用來(lái)判斷密碼,html結(jié)構(gòu)中要求是數(shù)字字符6到18位,\d表示數(shù)字
    tel:/^1[34578]\d{9}$/,
    //用來(lái)判斷電話(huà)號(hào)碼,通常手機(jī)號(hào)第一位為1,第二位只可能出現(xiàn)3.4.5.7.8,后面剩下的9位數(shù)字隨機(jī)
    mail:/^[1-9a-zA-Z_]\w*@[a-zA-Z0-9]+(\.[a-zA-Z]{2,})+$/,
    //用來(lái)判斷郵箱,通常郵箱沒(méi)有以0開(kāi)頭的,所以第一位為1-9數(shù)字或者小寫(xiě)字母或者大寫(xiě)字母,第二位開(kāi)始任意字符
    //也可以只有第一位沒(méi)有第二位,*表示至少0個(gè),@后面同理,小寫(xiě)字母或者大寫(xiě)字母或者數(shù)字,.需要轉(zhuǎn)意符,所以寫(xiě)成\.
    //點(diǎn)后面通常是com或者cn或者com.cn,所以是小寫(xiě)字母或者大寫(xiě)字母至少兩位
    IDCard:/^[1-9]\d{16}[\dxX]$/,
    //用來(lái)判斷身份證,通常第一位不為零,所以取1-9的數(shù)字,中間的16位數(shù)字隨機(jī),最后一位要么是數(shù)字要么是X
  };
  var arr = [
    document.getElementsByName('user')[0],
    document.getElementsByName('pwd')[0],
    document.getElementsByName('tel')[0],
    document.getElementsByName('mail')[0],
    document.getElementsByName('IDCard')[0]
  ];
  for(var i=0;i

以上是“正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


本文標(biāo)題:正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能-創(chuàng)新互聯(lián)
鏈接地址:http://weahome.cn/article/jhpip.html

其他資訊

在線(xiàn)咨詢(xún)

微信咨詢(xún)

電話(huà)咨詢(xún)

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部