這篇文章主要為大家展示了“正則表達(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,用了不同的高度,正確是高度小,可以把提示的紅字隱藏。
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é)尾要在后面加$,例:/^正則$/
以上是“正則表達(dá)式如何進(jìn)行頁(yè)面表單驗(yàn)證功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!