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

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

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

邮箱

正则表达式

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

JavaScript代码

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

    <script>
      function qqEmailCheck() {
        // 获取值
        var qqEmail = document.getElementById("qqEmail").value;
        var qqEmailShowDom = document.getElementById("qqEmailShow");
        // 正则表达式  QQ号5至15位 + @qq.com
        // 第一位1-9  后4-14位0-9 + @qq.com
        var isqqEmailCheck = /^[1-9]{1}[0-9]{4,14}@qq.com$/;
        // 判断输出
        if ((isqqEmailCheck.test(qqEmail))) {
          qqEmailShowDom.innerText = "QQ邮箱格式正确!";
          qqEmailShowDom.style.color = "blue";
        } else {
          qqEmailShowDom.innerText = "QQ邮箱格式错误!";
          qqEmailShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>

地址

正则表达式

// 正则表达式  地址
// XX省-XX市-XX区-XX路XX号
var isSiteCheck = /^[-\u4e00-\u9fa5]+[0-9][u4e00-\u9fa5]+$/;

JavaScript代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>地址</title>
  </head>
  <body>
    <!-- 页面代码 -->
    地址:
    <!-- 设置id 光标消失事件 给用户提示 -->
    <input type="text" id="site" onblur="siteCheck()" placeholder="XX省-XX市-XX区-XX路XX号" />
    <span id="siteShow"></span>

    <script>
      function siteCheck() {
        // 获取值
        var site = document.getElementById("site").value;
        var siteShowDom = document.getElementById("siteShow");
        // 正则表达式  地址
        // XX省-XX市-XX区-XX路XX号
        var isSiteCheck = /^[-\u4e00-\u9fa5]+[0-9][u4e00-\u9fa5]+$/;
        // 判断输出
        if ((isSiteCheck.test(site))) {
          siteShowDom.innerText = "地址格式正确!";
          siteShowDom.style.color = "blue";
        } else {
          siteShowDom.innerText = "地址格式错误!";
          siteShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>

邮编

正则表达式

// 正则表达式  邮政编码
// 六位数字
var isPostcodeCheck = /^[0-9]{6}$/;

JavaScript代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>邮政编码</title>
  </head>
  <body>
    <!-- 页面代码 -->
    邮政编码:
    <!-- 设置id 光标消失事件 给用户提示 -->
    <input type="text" id="postcode" onblur="postcodeCheck()" placeholder="请输入邮政编码" />
    <span id="postcodeShow"></span>

    <script>
      function postcodeCheck() {
        // 获取值
        var postcode = document.getElementById("postcode").value;
        var postcodeShowDom = document.getElementById("postcodeShow");
        // 正则表达式  邮政编码
        // 六位数字
        var isPostcodeCheck = /^[0-9]{6}$/;
        // 判断输出
        if ((isPostcodeCheck.test(postcode))) {
          postcodeShowDom.innerText = "邮政编码格式正确!";
          postcodeShowDom.style.color = "blue";
        } else {
          postcodeShowDom.innerText = "邮政编码格式错误!";
          postcodeShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>
<!DO

银行卡号

正则表达式

// 正则表达式  银行卡号
// 16 17 19位数字 没有0开头的银行卡号
var isBankcardCheck = /^[1-9](([0-9]{15,16})|([0-9]{18}))$/;

JavaScript代码

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

    <script>
      function bankcardCheck() {
        // 获取值
        var bankcard = document.getElementById("bankcard").value;
        var bankcardShowDom = document.getElementById("bankcardShow");
        // 正则表达式  银行卡号
        // 16 17 19位数字 没有0开头的银行卡号
        var isBankcardCheck = /^[1-9](([0-9]{15,16})|([0-9]{18}))$/;
        // 判断输出
        if ((isBankcardCheck.test(bankcard))) {
          bankcardShowDom.innerText = "银行卡号格式正确!";
          bankcardShowDom.style.color = "blue";
        } else {
          bankcardShowDom.innerText = "银行卡号格式错误!";
          bankcardShowDom.style.color = "red";
        }
      }
    </script>
  </body>
</html>

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

目录
相关文章
|
3月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程,包括使用过滤器部分隐藏展示的手机号和邮箱,以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现,其中验证码由后端生成并通过弹窗展示给用户,未来可以接入真正的手机验证码接口。此外,还提供了修改邮箱的页面效果截图,并强调了学习是一个永无止境的过程。
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
|
3月前
|
JavaScript 数据安全/隐私保护
Vue中如何使用过滤器来隐藏手机号、邮箱等字符串的中间部分内容
这篇文章介绍了在Vue中如何使用过滤器来隐藏手机号和邮箱等字符串的中间部分内容,以提高隐私保护。文章展示了实现效果,并提供了实现过程的代码示例,包括HTML部分的绑定、data部分的数据定义和script部分的过滤器定义。文章还解释了过滤器的概念、语法和使用方式,并提供了一个外部链接供读者获取更加详细的过滤器知识。
|
1月前
|
机器学习/深度学习 算法 数据可视化
UniApp手机滑块验证组件代码生成器
UniApp手机滑块验证组件代码生成器
62 0
|
1月前
|
数据采集 消息中间件 API
Python爬虫验证码识别——手机验证码的自动化处理
Python爬虫验证码识别——手机验证码的自动化处理
|
3月前
|
存储 NoSQL Java
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
该博客文章展示了如何在Linux虚拟机上使用Redis和Jedis客户端实现手机验证码的验证功能,包括验证码的生成、存储、验证以及限制每天发送次数的逻辑,并提供了测试结果截图。
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
|
3月前
|
存储 监控 开发工具
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
63 0
|
3月前
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
vue 前端 邮箱、密码、手机号码等输入验证规则
vue 前端 邮箱、密码、手机号码等输入验证规则
388 0
|
5月前
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
4645 2
|
6月前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
196 0