正則表達(dá)式匹配(URL、電話、手機(jī)、郵箱)的實(shí)例代碼
正則表達(dá)式,又稱規(guī)則表達(dá)式。(英語:Regular Expression,在代碼中常簡寫為regex、regexp或RE),計(jì)算機(jī)科學(xué)的一個(gè)概念。正則表通常被用來檢索、替換那些符合某個(gè)模式(規(guī)則)的文本。下面通過實(shí)例代碼給大家介紹正則表達(dá)式匹配(URL、電話、手機(jī)、郵箱)的實(shí)例代碼,一起看看吧!
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正則驗(yàn)證</title> </head> <body> <input type="text" name="" id="text"> <input type="button" name="" id="btn" value="點(diǎn)擊"> <span></span> </body> <script type="text/javascript"> var text = document.getElementById('text'); var btn = document.getElementById('btn'); //1、url示例: //https://www.baidu.com/s?wd=%E5%88%98%E5%BE%B7%E5%8D%8E&rsv_spt=1&rsv_iqid=0x9601edc200017402&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=javascript%2520%25E9%259A%25BE%25E9%25A2%2598&inputT=1256&rsv_t=7da5GmMhTie86h8qaOiaV047P9TkJunMjrkmK%2BNLA%2FuJs3bMG%2Bj52w%2F6IxHge5MB%2B%2B%2Fw&rsv_pq=c270d50b00019cae&rsv_sug3=21&rsv_sug1=19&rsv_sug7=100&rsv_sug2=0&rsv_sug4=1818 //2、電話示例: //13800138000 //+ 8610 - 59926666 //+ (1)533- 222 - 334 //010 - 59926666 //037132376865 //3、電子郵件示例: //Handsome.W@abc.com //_hello_world@163.com //345@mail.some_domain_name.com.uk // var regexp=/^([0-9a-zA-Z_.-])+@([0-9a-zA-Z_-])+(\.([a-zA-Z_-])+)+$/;//郵箱 // var regexp=/(https?.*?\.(:?cn\b|com\b|net\b|org\b|gov\b)(?!\.))/;//URL // var regexp=/\+?\d{3,4}-?\d{7,8}/; // 010-59926666 8610-59926666 037132376865 // var regexp =/\+\(\d\)(\d{3}-){2}\d{3}/;//+(1)533-222-334 // var regexp=/(1[34578]\d{9})|(\+?\d{3,4}-?\d{7,8})|(\+\(\d\)(\d{3}-){2}\d{3})/;//電話號(hào)碼 13800138000 010-59926666 8610-59926666 037132376865 +(1)533-222-334 var regexp=/(([0-9a-zA-Z_.-])+@([0-9a-zA-Z_-])+(\.([a-zA-Z_-])+)+)|((https?.*?\.(:?cn\b|com\b|net\b|org\b|gov\b)(?!\.)))|(1[34578]\d{9})|(\+?\d{3,4}-?\d{7,8})|(\+\(\d\)(\d{3}-){2}\d{3})/; btn.onclick = function(){ if(regexp.test(text.value)){ alert('驗(yàn)證通過'); text.value=""; }else{ alert('驗(yàn)證沒通過'); } } </script> </html>
總結(jié)
以上所述是小編給大家介紹的正則表達(dá)式匹配(URL、電話、手機(jī)、郵箱)的實(shí)例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
用JavaScript實(shí)現(xiàn)全局替換,解決$等特殊符號(hào)的難題[
用JavaScript實(shí)現(xiàn)全局替換,解決$等特殊符號(hào)的難題[...2006-12-12重溫JavaScript中的正則表達(dá)式 js學(xué)習(xí)筆記
創(chuàng)建正則表達(dá)式和創(chuàng)建字符串類似 , 創(chuàng)建正則表達(dá)式提供了兩種方法 , 一種是采用 new運(yùn)算符,另一個(gè)是采用字面量方式2012-07-07正則表達(dá)式基礎(chǔ)與常用驗(yàn)證表達(dá)式
本文詳細(xì)講解了正則表達(dá)式的基礎(chǔ)知識(shí)與常用驗(yàn)證表達(dá)式,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06JavaScript 實(shí)現(xiàn)基礎(chǔ) 正則表達(dá)式
正則表達(dá)式用來從某一段字符串中匹配所需要的字符,這些字符可以非常簡單,也可以非常復(fù)雜。JavaScript生來就對正則表達(dá)式有著良好的支持,在網(wǎng)絡(luò)的字符搜索匹配中發(fā)揮著重要的作用。2009-08-08