正则表达式匹配URL、电话、手机、邮箱的方法-js教程-PHP中文网

首页

web前端

js教程

正则表达式匹配URL、电话、手机、邮箱的方法

Mar 29, 2018 am 11:29 AM

手机电话表达式

这次给大家带来正则表达式匹配URL、电话、手机、邮箱的方法，使用正则表达式匹配URL、电话、手机、邮箱的方法的注意事项有哪些，下面就是实战案例，一起来看一下。

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。下面通过实例代码给大家介绍正则表达式匹配(URL、电话、手机、邮箱)的实例代码，一起看看吧！

废话不多说了，直接给大家贴代码了，具体代码如下所示：

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;正则验证&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;text&quot;&gt;
&lt;input type=&quot;button&quot; name=&quot;&quot; id=&quot;btn&quot; value=&quot;点击&quot;&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
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&amp;rsv_spt=1&amp;rsv_iqid=0x9601edc200017402&amp;issp=1&amp;f=8&amp;rsv_bp=1&amp;rsv_idx=2&amp;ie=utf-8&amp;rqlang=cn&amp;tn=baiduhome_pg&amp;rsv_enter=1&amp;oq=javascript%2520%25E9%259A%25BE%25E9%25A2%2598&amp;inputT=1256&amp;rsv_t=7da5GmMhTie86h8qaOiaV047P9TkJunMjrkmK%2BNLA%2FuJs3bMG%2Bj52w%2F6IxHge5MB%2B%2B%2Fw&amp;rsv_pq=c270d50b00019cae&amp;rsv_sug3=21&amp;rsv_sug1=19&amp;rsv_sug7=100&amp;rsv_sug2=0&amp;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})/;//电话号码 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('验证通过');
text.value="";
}else{
alert('验证没通过');
}
}
&lt;/script&gt;
&lt;/html&gt;

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！