jQuery：验证身份证输入是否满足正则表达式要求

最新推荐文章于 2024-06-17 16:15:26 发布

草鞋船

最新推荐文章于 2024-06-17 16:15:26 发布

阅读量1.1k

点赞数

文章标签： js jquery 移动端 PC端

本文链接：https://blog.csdn.net/weixin_44558497/article/details/86541079

版权

验证身份证是否满足要求，若不满足：在文本框失去焦点时给出提示信息，文本框获取焦点时提示信息消失。

效果图：
在这里插入图片描述

1、html代码：
在这里插入图片描述

代码复制区：

       <div>
                证件号： <input type="text" placeholder="请填写"  class="shenfencard" required>
                <span class="errormasege">身份证输入不正确</span>
       </div>

2、js脚本：
在这里插入图片描述
代码复制区：

//文本框获取焦点
$(".shenfencard").blur(function(){
          var cardval=$(this).val();
          var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; 
          if(reg.test(cardval) === false) { 
          //alert("身份证输入不合法");
          $(this).next('.errormasege').show();
          //return false; 
          } 
 });
//文本框失去焦点
$(".shenfencard").focus(function(){
         $(this).next('.errormasege').hide();
})