正则表达式（绝对干货，亲测可用）

　　最近有使用正则表达式，之前嫌太麻烦就没有记，现在网上也是一搜一大堆。今天使用网上一搜：我去，什么跟什么，太扯淡了，写的一大票理解性的东西狗屁记不住。

　　本来就是打算直接使用一下的结果全是讲解怎么理解正则表达式的，说实话，太多了，谁记这个啊现用现搜不就行了吗！屁话说了一大堆现在开始简单的操作

　　为了方便我就以验证身份证号为例子来讲解：

　　首先我去网上搜了一下身份证号的正则表达式（你用的时候就去搜xxxx验证的正则表达式就可以获得到一串你看不懂的字符串那个就是正则表达式）

　　我的是使用了一个变量regex来接受，如下图，然后创建一个正则表达式的对象（构造方法有很多我们使用其中的正则表达式当参数），也有人说成获取一份拷贝都可以

　　再然后使用创建的对象调用test方法（参数是你想要校验的值）进行校验就可以了通过则返回true 否则返回fales

function show(){
　　var cIdcardVal = $(".cIdcard").val();//获取身份证号
　　var regex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
　　//创建正则表达式的对象（需要正则表达式当成参数）
　　var re = new RegExp(regex);
　　if(re.test(cIdcardVal)){//如果表达式通过则返回true
　　　　$(".cIdcardSpan").html("身份证号验证通过！！！");
　　}else{
　　　　$(".cIdcardSpan").html("验证不通过！！！");
　　}
}

为了大家看的方便把前台代码也分享给大家

<p>填写身份信息<img src="./images/lx.png" alt=""></p> 
<label class="input-title"><img src="images/lxx.png" />身份证号码</label>
   <input type="text" name="cIdcard" value="" class="cIdcard" onblur="show()">
   <span class="cIdcardSpan"></span>

当你的input框失去光标时就触发了，再给大家展示一下最终的效果因为身份证号设计众多所以不能给大家亲自展示

验证成功的：

验证不成功的：

希望这篇文章能够帮助大家，最后感谢你的阅读！

正则表达式（绝对干货，亲测可用）

猜你喜欢