最近有使用正则表达式,之前嫌太麻烦就没有记,现在网上也是一搜一大堆。今天使用网上一搜:我去,什么跟什么,太扯淡了,写的一大票理解性的东西 狗屁 记不住。
本来就是打算直接使用一下的结果 全是讲解怎么理解正则表达式的,说实话,太多了,谁记这个啊 现用现搜不就行了吗! 屁话说了一大堆 现在开始简单的操作
为了方便我就以验证身份证号为例子来讲解:
首先我去网上搜了一下身份证号的正则表达式(你用的时候就去搜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框失去光标时就触发了,再给大家展示一下最终的效果 因为身份证号设计众多 所以不能给大家亲自展示
验证成功的:
验证不成功的:
希望这篇文章能够帮助大家,最后感谢你的阅读!