使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名1

简介: 使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名

(原创不易,你们对阿超的赞就是阿超持续更新的动力!)

(以免丢失,建议收藏~~~)

--------------------------------------------------------

身份证号

正则表达式

// 正则表达式  身份证号18位
// 1-8{2}  身份证前两位代表省直辖市自治区 没有0和9
var isIdentityNum = /^[1-8]{2}[0-9]{4}[0-9]{4}((0[1-9]{1})|(1[0-2]{1}))((0[1-9]{1})|(1[0-9]{1})|(2[0-9]{1})|(3[0-1]{1}))[0-9]{3}[0-9xX]{1}$/;

JavaScript代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>身份证号</title>
  </head>
  <body>
    <!-- 页面代码 -->
    身份证号:
    <!-- 设置id 光标消失事件 给用户提示 -->
    <input type="text" id="identityNum" onblur="identityNumCheck()" placeholder="请输入身份证号" />
    <span id="identityNumShow"></span>

    <script>
      function identityNumCheck() {
        // 获取值
        var identityNum = document.getElementById("identityNum").value;
        var identityNumShowDom = document.getElementById("identityNumShow");
        // 正则表达式  身份证号18位
        // 1-8{2}  身份证前两位代表省直辖市自治区 没有0和9
        var isIdentityNum =
          /^[1-8]{2}[0-9]{4}[0-9]{4}((0[1-9]{1})|(1[0-2]{1}))((0[1-9]{1})|(1[0-9]{1})|(2[0-9]{1})|(3[0-1]{1}))[0-9]{3}[0-9xX]{1}$/;
        // 判断输出
        if ((isIdentityNum.test(identityNum))) {
          identityNumShowDom.innerText = "身份证号格式正确!";
          identityNumShowDom.style.color = "blue";
        } else {
          identityNumShowDom.innerText = "身份证号格式错误!";
          identityNumShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>

QQ号

正则表达式

//正则表达式  QQ号5至15位
// 第一位1-9  后4-14位0-9
var isQqNumberCheck = /^[1-9]{1}[0-9]{4,14}$/;

JavaScript代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>QQ账号</title>
  </head>
  <body>
    <!-- 页面代码 -->
    QQ账号:
    <!-- 设置id 光标消失事件 给用户提示 -->
    <input type="text" id="qqNumber" onblur="qqNumberCheck()" placeholder="请输入QQ账号" />
    <span id="qqNumberShow"></span>

    <script>
      function qqNumberCheck() {
        // 获取值
        var qqNumber = document.getElementById("qqNumber").value;
        var qqNumberShowDom = document.getElementById("qqNumberShow");
        //正则表达式  QQ号5至15位
        // 第一位1-9  后4-14位0-9
        var isQqNumberCheck = /^[1-9]{1}[0-9]{4,14}$/;
        // 判断输出
        if ((isQqNumberCheck.test(qqNumber))) {
          qqNumberShowDom.innerText = "QQ账号格式正确!";
          qqNumberShowDom.style.color = "blue";
        } else {
          qqNumberShowDom.innerText = "QQ账号格式错误!";
          qqNumberShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>
<!DOCTYPE

手机号

正则表达式

// 正则表达式  手机号11位
// 第一位1  后十位0-9
var isPhoneNumCheck = /^[1]{1}[0-9]{10}$/;

手机号

正则表达式

// 正则表达式  手机号11位
// 第一位1  后十位0-9
var isPhoneNumCheck = /^[1]{1}[0-9]{10}$/;

JavaScript代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>手机号</title>
  </head>
  <body>
    <!-- 页面代码 -->
    手机号:
    <!-- 设置id 光标消失事件 给用户提示 -->
    <input type="text" id="phoneNum" onblur="phoneNumCheck()" placeholder="请输入手机号" />
    <span id="phoneNumShow"></span>
    
    <script>
      function phoneNumCheck() {
        // 获取值
        var phoneNum = document.getElementById("phoneNum").value;
        var phoneNumShowDom = document.getElementById("phoneNumShow");
        // 正则表达式  手机号11位
        // 第一位1  后十位0-9
        var isPhoneNumCheck = /^[1]{1}[0-9]{10}$/;
        // 判断输出
        if ((isPhoneNumCheck.test(phoneNum))) {
          phoneNumShowDom.innerText = "手机号格式正确!";
          phoneNumShowDom.style.color = "blue";
        } else {
          phoneNumShowDom.innerText = "手机号格式错误!";
          phoneNumShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>

使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名2:https://developer.aliyun.com/article/1473647

目录
相关文章
|
4月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程,包括使用过滤器部分隐藏展示的手机号和邮箱,以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现,其中验证码由后端生成并通过弹窗展示给用户,未来可以接入真正的手机验证码接口。此外,还提供了修改邮箱的页面效果截图,并强调了学习是一个永无止境的过程。
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
|
4月前
|
JavaScript 数据安全/隐私保护
Vue中如何使用过滤器来隐藏手机号、邮箱等字符串的中间部分内容
这篇文章介绍了在Vue中如何使用过滤器来隐藏手机号和邮箱等字符串的中间部分内容,以提高隐私保护。文章展示了实现效果,并提供了实现过程的代码示例,包括HTML部分的绑定、data部分的数据定义和script部分的过滤器定义。文章还解释了过滤器的概念、语法和使用方式,并提供了一个外部链接供读者获取更加详细的过滤器知识。
|
2月前
|
机器学习/深度学习 算法 数据可视化
UniApp手机滑块验证组件代码生成器
UniApp手机滑块验证组件代码生成器
73 0
|
3月前
|
JavaScript 前端开发
在url中取ip或者键值对、手机号脱敏、电话号脱敏、身份证脱敏、银行卡号脱敏、身份证校验
本文提供了JavaScript代码示例,用于从URL中提取IP地址、键值对,以及对手机号、电话号码、身份证号和银行卡号进行脱敏处理,还包含了身份证号的校验方法。
60 0
|
4月前
|
存储 NoSQL Java
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
该博客文章展示了如何在Linux虚拟机上使用Redis和Jedis客户端实现手机验证码的验证功能,包括验证码的生成、存储、验证以及限制每天发送次数的逻辑,并提供了测试结果截图。
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
|
5月前
|
JavaScript 前端开发 数据安全/隐私保护
vue 前端 邮箱、密码、手机号码等输入验证规则
vue 前端 邮箱、密码、手机号码等输入验证规则
400 0
|
7月前
|
存储 数据安全/隐私保护
苹果手机如何设置邮箱
苹果手机如何设置邮箱
124 0
|
6月前
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
4842 2
|
7月前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
205 0
|
7月前
|
Web App开发 前端开发 网络安全
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
【2月更文挑战第21天】前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
109 1
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用