目录

    • （原创不易，你们对阿超的赞就是阿超持续更新的动力！）
    • （以免丢失，建议收藏~~~）
  • -----------------------------------------------------------------------
  • 身份证号
  • QQ号
  • 手机号
  • 邮箱
  • 地址
  • 邮编
  • 银行卡号
  • 学号
  • 车牌号
  • 快递单号
  • 验证码
  • ISBN号
  • 网址
  • IPV4地址
  • IPV6地址
  • 出生年月日
  • 姓名
  • 整体运行效果预览
    • 效果图
    • 点击进入验证页面
    • 全部JavaScript代码
  • （~~~~~~~~~~~~~~~~~~~~~~~~~~~~）
  • 联系阿超
  • （可解疑解答，无偿）
    • 阿超QQ：2425991616
    • 阿超微信：2425991616
    • 阿超邮箱：2425991616@qq.com || aboutgaojc@163.com
    • 扫码添加阿超微信
    • 扫码添加阿超QQ
  • 欢迎关注阿超的公众号！
  • 如果这篇文章帮助到了您，这里还可以打赏博主哦~m_m

（原创不易，你们对阿超的赞就是阿超持续更新的动力！）

（以免丢失，建议收藏~~~）

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

身份证号

正则表达式

// 正则表达式  身份证号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和9var 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-9var 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>

手机号

正则表达式

// 正则表达式  手机号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-9var 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号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.comvar 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>

银行卡号

正则表达式

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

JavaScript代码

<!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>

学号

正则表达式

// 正则表达式  学号
// 6 8 10位数字
var isStudentNumCheck = /^[0-9](([0-9]{5})|([0-9]{7})|([0-9]{9}))$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>学号</title></head><body><!-- 页面代码 -->学号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="studentNum" onblur="studentNumCheck()" placeholder="请输入学号" /><span id="studentNumShow"></span><script>function studentNumCheck() {// 获取值var studentNum = document.getElementById("studentNum").value;var studentNumShowDom = document.getElementById("studentNumShow");// 正则表达式  学号// 6 8 10位数字var isStudentNumCheck = /^[0-9](([0-9]{5})|([0-9]{7})|([0-9]{9}))$/;// 判断输出if ((isStudentNumCheck.test(studentNum))) {studentNumShowDom.innerText = "学号格式正确！";studentNumShowDom.style.color = "blue";} else {studentNumShowDom.innerText = "学号格式错误！";studentNumShowDom.style.color = "red";}}</script></body>
</html>

车牌号

正则表达式

// 正则表达式  车牌号
// XX:XXXXX
var isCarNumCheck = /^[-\u4e00-\u9fa5][A-Z][:][A-Z0-9]{5}$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>车牌号</title></head><body><!-- 页面代码 -->车牌号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="carNum" onblur="carNumCheck()" placeholder="豫R:99999" /><span id="carNumShow"></span><script>function carNumCheck() {// 获取值var carNum = document.getElementById("carNum").value;var carNumShowDom = document.getElementById("carNumShow");// 正则表达式  车牌号// XX:XXXXXvar isCarNumCheck = /^[-\u4e00-\u9fa5][A-Z][:][A-Z0-9]{5}$/;// 判断输出if ((isCarNumCheck.test(carNum))) {carNumShowDom.innerText = "车牌号格式正确！";carNumShowDom.style.color = "blue";} else {carNumShowDom.innerText = "车牌号格式错误！";carNumShowDom.style.color = "red";}}</script></body>
</html>

快递单号

正则表达式

// 正则表达式  快递单号8  9  12  13位
var isExpressNumCheck = /^([0-9]{8,9}|[0-9]{12,13})$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>快递单号</title></head><body><!-- 页面代码 -->快递单号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="expressNum" onblur="expressNumCheck()" placeholder="请输入快递单号" /><span id="expressNumShow"></span><script>function expressNumCheck() {// 获取值var expressNum = document.getElementById("expressNum").value;var expressNumShowDom = document.getElementById("expressNumShow");// 正则表达式  快递单号8  9  12  13位var isExpressNumCheck = /^([0-9]{8,9}|[0-9]{12,13})$/;// 判断输出if ((isExpressNumCheck.test(expressNum))) {expressNumShowDom.innerText = "快递单号格式正确！";expressNumShowDom.style.color = "blue";} else {expressNumShowDom.innerText = "快递单号格式错误！";expressNumShowDom.style.color = "red";}}</script></body>
</html>

验证码

正则表达式

// 正则表达式  验证码
// XXXX | XXXXXX
var isVerificationCodeCheck = /^([a-zA-Z0-9]{4}|[a-zA-Z0-9]{6})+$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>验证码</title></head><body><!-- 页面代码 -->验证码:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="verificationCode" onblur="verificationCodeCheck()" placeholder="请输入四或六位验证码" /><span id="verificationCodeShow"></span><script>function verificationCodeCheck() {// 获取值var verificationCode = document.getElementById("verificationCode").value;var verificationCodeShowDom = document.getElementById("verificationCodeShow");// 正则表达式  验证码// XXXX | XXXXXXvar isVerificationCodeCheck = /^([a-zA-Z0-9]{4}|[a-zA-Z0-9]{6})+$/;// 判断输出if ((isVerificationCodeCheck.test(verificationCode))) {verificationCodeShowDom.innerText = "验证码格式正确！";verificationCodeShowDom.style.color = "blue";} else {verificationCodeShowDom.innerText = "验证码格式错误！";verificationCodeShowDom.style.color = "red";}}</script></body>
</html>

ISBN号

正则表达式

// 正则表达式  ISBN
// 978或979-X-XXX-XXXXX-X
var isISBNCheck = /^(97[8]|97[9])-[0-9]-[0-9]{3}-[0-9]{5}-[0-9]$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>ISBN</title></head><body><!-- 页面代码 -->ISBN:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="ISBN" onblur="ISBNCheck()" placeholder="请输入ISBN书号" /><span id="ISBNShow"></span><script>function ISBNCheck() {// 获取值var ISBN = document.getElementById("ISBN").value;var ISBNShowDom = document.getElementById("ISBNShow");// 正则表达式  ISBN// 978或979-X-XXX-XXXXX-Xvar isISBNCheck = /^(97[8]|97[9])-[0-9]-[0-9]{3}-[0-9]{5}-[0-9]$/;// 判断输出if ((isISBNCheck.test(ISBN))) {ISBNShowDom.innerText = "ISBN格式正确！";ISBNShowDom.style.color = "blue";} else {ISBNShowDom.innerText = "ISBN格式错误！";ISBNShowDom.style.color = "red";}}</script></body>
</html>

网址

正则表达式

// 正则表达式  网址www.gaojc.top
// www.xxx.xxx
var isURLCheck = /^www.[A-Za-z0-9]+.[A-Za-z0-9]+$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网址</title></head><body><!-- 页面代码 -->网址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="URL" onblur="URLCheck()" placeholder="请输入网址www.xxx.xxx" /><span id="URLShow"></span><script>function URLCheck() {// 获取值var URL = document.getElementById("URL").value;var URLShowDom = document.getElementById("URLShow");// 正则表达式  网址www.gaojc.top// www.xxx.xxxvar isURLCheck = /^www.[A-Za-z0-9]+.[A-Za-z0-9]+$/;// 判断输出if ((isURLCheck.test(URL))) {URLShowDom.innerText = "网址格式正确！";URLShowDom.style.color = "blue";} else {URLShowDom.innerText = "网址格式错误！";URLShowDom.style.color = "red";}}</script></body>
</html>

IPV4地址

正则表达式

// 正则表达式  IPV4地址XXX.XXX.XXX.XXX
// 0-255.0-255.0-255.0-255
var isIPV4Check = /^(([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})\.){3}([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>IPV4地址</title></head><body><!-- 页面代码 -->IPV4地址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="IPV4" onblur="IPV4Check()" placeholder="请输入IPV4地址" /><span id="IPV4Show"></span><script>function IPV4Check() {// 获取值var IPV4 = document.getElementById("IPV4").value;var IPV4ShowDom = document.getElementById("IPV4Show");// 正则表达式  IPV4地址XXX.XXX.XXX.XXX// 0-255.0-255.0-255.0-255var isIPV4Check = /^(([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})\.){3}([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})$/;// 判断输出if ((isIPV4Check.test(IPV4))) {IPV4ShowDom.innerText = "IPV4地址格式正确！";IPV4ShowDom.style.color = "blue";} else {IPV4ShowDom.innerText = "IPV4地址格式错误！";IPV4ShowDom.style.color = "red";}}</script></body>
</html>

IPV6地址

正则表达式

// 正则表达式  IPV6地址 十六进制 0-9  Aa-Ff
// XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXX
var isIPV6Check = /^(([0-9A-Fa-f]{1,4})[:]){7}([0-9A-Fa-f]{1,4})$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>IPV6地址</title></head><body><!-- 页面代码 -->IPV6地址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="IPV6" onblur="IPV6Check()" placeholder="请输入IPV6地址" /><span id="IPV6Show"></span><script>function IPV6Check() {// 获取值var IPV6 = document.getElementById("IPV6").value;var IPV6ShowDom = document.getElementById("IPV6Show");// 正则表达式  IPV6地址 十六进制 0-9  Aa-Ff// XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXXvar isIPV6Check = /^(([0-9A-Fa-f]{1,4})[:]){7}([0-9A-Fa-f]{1,4})$/;// 判断输出if ((isIPV6Check.test(IPV6))) {IPV6ShowDom.innerText = "IPV6地址格式正确！";IPV6ShowDom.style.color = "blue";} else {IPV6ShowDom.innerText = "IPV6地址格式错误！";IPV6ShowDom.style.color = "red";}}</script></body>
</html>

出生年月日

正则表达式

// 正则表达式  出生年月日
// XX年XX月XX日
var isBirthCheck = /^[0-9]{1,4}[年](1[0,2]|[1-9])[月]([1-9]|1[0-9]|2[0-9]|3[0-1])[日]$/;

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>出生年月日</title></head><body><!-- 页面代码 -->出生年月日:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="birth" onblur="birthCheck()" placeholder="XX年XX月XX日" /><span id="birthShow"></span><script>function birthCheck() {// 获取值var birth = document.getElementById("birth").value;var birthShowDom = document.getElementById("birthShow");// 正则表达式  出生年月日// XX年XX月XX日var isBirthCheck = /^[0-9]{1,4}[年](1[0,2]|[1-9])[月]([1-9]|1[0-9]|2[0-9]|3[0-1])[日]$/;// 判断输出if ((isBirthCheck.test(birth))) {birthShowDom.innerText = "出生年月日格式正确！";birthShowDom.style.color = "blue";} else {birthShowDom.innerText = "出生年月日格式错误！";birthShowDom.style.color = "red";}}</script></body>
</html>

姓名

正则表达式

// 正则表达式  姓名
// X XX  XXX  XXX·XXX
var isNameCheck = /^([\u4e00-\u9fa5]{1,})([·]*[\u4e00-\u9fa5])*$/

JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>姓名</title></head><body><!-- 页面代码 -->姓名:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="name" onblur="nameCheck()" placeholder="请输入姓名" /><span id="nameShow"></span><script>function nameCheck() {// 获取值var name = document.getElementById("name").value;var nameShowDom = document.getElementById("nameShow");// 正则表达式  姓名// X XX  XXX  XXX·XXXvar isNameCheck = /^([\u4e00-\u9fa5]{1,})([·]*[\u4e00-\u9fa5])*$/// 判断输出if ((isNameCheck.test(name))) {nameShowDom.innerText = "姓名格式正确！";nameShowDom.style.color = "blue";} else {nameShowDom.innerText = "姓名格式错误！";nameShowDom.style.color = "red";}}</script></body>
</html>

整体运行效果预览

效果图

点击进入验证页面

全部JavaScript代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>正则表达式验证</title></head><body><h2>请输入需要验证的内容</h2>身份证号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="identityNum" onblur="identityNumCheck()" placeholder="请输入身份证号" /><span id="identityNumShow"></span><br />QQ账号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="qqNumber" onblur="qqNumberCheck()" placeholder="请输入QQ账号" /><span id="qqNumberShow"></span><br />手机号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="phoneNum" onblur="phoneNumCheck()" placeholder="请输入手机号" /><span id="phoneNumShow"></span><br />QQ邮箱:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="qqEmail" onblur="qqEmailCheck()" placeholder="请输入QQ邮箱" /><span id="qqEmailShow"></span><br />地址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="site" onblur="siteCheck()" placeholder="XX省-XX市-XX区-XX路XX号" /><span id="siteShow"></span><br />邮政编码:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="postcode" onblur="postcodeCheck()" placeholder="请输入邮政编码" /><span id="postcodeShow"></span><br />银行卡号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="bankcard" onblur="bankcardCheck()" placeholder="请输入银行卡号" /><span id="bankcardShow"></span><br />学号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="studentNum" onblur="studentNumCheck()" placeholder="请输入学号" /><span id="studentNumShow"></span><br />车牌号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="carNum" onblur="carNumCheck()" placeholder="豫R:99999" /><span id="carNumShow"></span><br />快递单号:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="expressNum" onblur="expressNumCheck()" placeholder="请输入快递单号" /><span id="expressNumShow"></span><br />验证码:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="verificationCode" onblur="verificationCodeCheck()" placeholder="请输入四或六位验证码" /><span id="verificationCodeShow"></span><br />ISBN:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="ISBN" onblur="ISBNCheck()" placeholder="请输入ISBN书号" /><span id="ISBNShow"></span><br />网址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="URL" onblur="URLCheck()" placeholder="请输入网址www.xxx.xxx" /><span id="URLShow"></span><br />IPV4地址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="IPV4" onblur="IPV4Check()" placeholder="请输入IPV4地址" /><span id="IPV4Show"></span><br />IPV6地址:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="IPV6" onblur="IPV6Check()" placeholder="请输入IPV6地址" /><span id="IPV6Show"></span><br />出生年月日:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="birth" onblur="birthCheck()" placeholder="XX年XX月XX日" /><span id="birthShow"></span><br />姓名:<!-- 设置id 光标消失事件 给用户提示 --><input type="text" id="name" onblur="nameCheck()" placeholder="请输入姓名" /><span id="nameShow"></span><script><!-- 身份证号 -->function identityNumCheck() {// 获取值var identityNum = document.getElementById("identityNum").value;var identityNumShowDom = document.getElementById("identityNumShow");// 正则表达式  身份证号18位// 1-8{2}  身份证前两位代表省直辖市自治区 没有0和9var 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";}}<!-- QQ号 -->function qqNumberCheck() {// 获取值var qqNumber = document.getElementById("qqNumber").value;var qqNumberShowDom = document.getElementById("qqNumberShow");//正则表达式  QQ号5至15位// 第一位1-9  后4-14位0-9var 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";}}<!-- 手机号 -->function phoneNumCheck() {// 获取值var phoneNum = document.getElementById("phoneNum").value;var phoneNumShowDom = document.getElementById("phoneNumShow");// 正则表达式  手机号11位// 第一位1  后十位0-9var isPhoneNumCheck = /^[1]{1}[0-9]{10}$/;// 判断输出if ((isPhoneNumCheck.test(phoneNum))) {phoneNumShowDom.innerText = "手机号格式正确！";phoneNumShowDom.style.color = "blue";} else {phoneNumShowDom.innerText = "手机号格式错误！";phoneNumShowDom.style.color = "red";}}<!-- QQ邮箱 -->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.comvar 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";}}<!-- 地址 -->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";}}<!-- 邮政编码 -->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";}}<!-- 银行卡号 -->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";}}<!-- 学号 -->function studentNumCheck() {// 获取值var studentNum = document.getElementById("studentNum").value;var studentNumShowDom = document.getElementById("studentNumShow");// 正则表达式  学号// 6 8 10位数字var isStudentNumCheck = /^[0-9](([0-9]{5})|([0-9]{7})|([0-9]{9}))$/;// 判断输出if ((isStudentNumCheck.test(studentNum))) {studentNumShowDom.innerText = "学号格式正确！";studentNumShowDom.style.color = "blue";} else {studentNumShowDom.innerText = "学号格式错误！";studentNumShowDom.style.color = "red";}}<!-- 车牌号 -->function carNumCheck() {// 获取值var carNum = document.getElementById("carNum").value;var carNumShowDom = document.getElementById("carNumShow");// 正则表达式  车牌号// XX:XXXXXvar isCarNumCheck = /^[-\u4e00-\u9fa5][A-Z][:][A-Z0-9]{5}$/;// 判断输出if ((isCarNumCheck.test(carNum))) {carNumShowDom.innerText = "车牌号格式正确！";carNumShowDom.style.color = "blue";} else {carNumShowDom.innerText = "车牌号格式错误！";carNumShowDom.style.color = "red";}}<!-- 快递单号 -->function expressNumCheck() {// 获取值var expressNum = document.getElementById("expressNum").value;var expressNumShowDom = document.getElementById("expressNumShow");// 正则表达式  快递单号8  9  12  13位var isExpressNumCheck = /^([0-9]{8,9}|[0-9]{12,13})$/;// 判断输出if ((isExpressNumCheck.test(expressNum))) {expressNumShowDom.innerText = "快递单号格式正确！";expressNumShowDom.style.color = "blue";} else {expressNumShowDom.innerText = "快递单号格式错误！";expressNumShowDom.style.color = "red";}}<!-- 验证码 -->function verificationCodeCheck() {// 获取值var verificationCode = document.getElementById("verificationCode").value;var verificationCodeShowDom = document.getElementById("verificationCodeShow");// 正则表达式  验证码// XXXX | XXXXXXvar isVerificationCodeCheck = /^([a-zA-Z0-9]{4}|[a-zA-Z0-9]{6})+$/;// 判断输出if ((isVerificationCodeCheck.test(verificationCode))) {verificationCodeShowDom.innerText = "验证码格式正确！";verificationCodeShowDom.style.color = "blue";} else {verificationCodeShowDom.innerText = "验证码格式错误！";verificationCodeShowDom.style.color = "red";}}<!-- ISBN -->function ISBNCheck() {// 获取值var ISBN = document.getElementById("ISBN").value;var ISBNShowDom = document.getElementById("ISBNShow");// 正则表达式  ISBN// 978或979-X-XXX-XXXXX-Xvar isISBNCheck = /^(97[8]|97[9])-[0-9]-[0-9]{3}-[0-9]{5}-[0-9]$/;// 判断输出if ((isISBNCheck.test(ISBN))) {ISBNShowDom.innerText = "ISBN格式正确！";ISBNShowDom.style.color = "blue";} else {ISBNShowDom.innerText = "ISBN格式错误！";ISBNShowDom.style.color = "red";}}<!-- 网址 -->function URLCheck() {// 获取值var URL = document.getElementById("URL").value;var URLShowDom = document.getElementById("URLShow");// 正则表达式  网址www.gaojc.top// www.xxx.xxxvar isURLCheck = /^www.[A-Za-z0-9]+.[A-Za-z0-9]+$/;// 判断输出if ((isURLCheck.test(URL))) {URLShowDom.innerText = "网址格式正确！";URLShowDom.style.color = "blue";} else {URLShowDom.innerText = "网址格式错误！";URLShowDom.style.color = "red";}}<!-- IPV4地址 -->function IPV4Check() {// 获取值var IPV4 = document.getElementById("IPV4").value;var IPV4ShowDom = document.getElementById("IPV4Show");// 正则表达式  IPV4地址XXX.XXX.XXX.XXX// 0-255.0-255.0-255.0-255var isIPV4Check =/^(([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})\.){3}([0-9]{1,2}|1[0-9]{2}|2[0-4][0-9]|2[0-5]{2})$/;// 判断输出if ((isIPV4Check.test(IPV4))) {IPV4ShowDom.innerText = "IPV4地址格式正确！";IPV4ShowDom.style.color = "blue";} else {IPV4ShowDom.innerText = "IPV4地址格式错误！";IPV4ShowDom.style.color = "red";}}<!-- IPV6地址 -->function IPV6Check() {// 获取值var IPV6 = document.getElementById("IPV6").value;var IPV6ShowDom = document.getElementById("IPV6Show");// 正则表达式  IPV6地址 十六进制 0-9  Aa-Ff// XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXX:XXXXvar isIPV6Check = /^(([0-9A-Fa-f]{1,4})[:]){7}([0-9A-Fa-f]{1,4})$/;// 判断输出if ((isIPV6Check.test(IPV6))) {IPV6ShowDom.innerText = "IPV6地址格式正确！";IPV6ShowDom.style.color = "blue";} else {IPV6ShowDom.innerText = "IPV6地址格式错误！";IPV6ShowDom.style.color = "red";}}<!-- 出生年月日 -->function birthCheck() {// 获取值var birth = document.getElementById("birth").value;var birthShowDom = document.getElementById("birthShow");// 正则表达式  出生年月日// XX年XX月XX日var isBirthCheck = /^[0-9]{1,4}[年](1[0,2]|[1-9])[月]([1-9]|1[0-9]|2[0-9]|3[0-1])[日]$/;// 判断输出if ((isBirthCheck.test(birth))) {birthShowDom.innerText = "出生年月日格式正确！";birthShowDom.style.color = "blue";} else {birthShowDom.innerText = "出生年月日格式错误！";birthShowDom.style.color = "red";}}<!-- 姓名 -->function nameCheck() {// 获取值var name = document.getElementById("name").value;var nameShowDom = document.getElementById("nameShow");// 正则表达式  姓名// X XX  XXX  XXX·XXXvar isNameCheck = /^([\u4e00-\u9fa5]{1,})([·]*[\u4e00-\u9fa5])*$/// 判断输出if ((isNameCheck.test(name))) {nameShowDom.innerText = "姓名格式正确！";nameShowDom.style.color = "blue";} else {nameShowDom.innerText = "姓名格式错误！";nameShowDom.style.color = "red";}}</script></body>
</html>

（~~~~~~~~~~~~~~~~~~~~~~~~~~~~）

联系阿超

（可解疑解答，无偿）

阿超QQ：2425991616

阿超微信：2425991616

阿超邮箱：2425991616@qq.com || aboutgaojc@163.com

扫码添加阿超微信

扫码添加阿超QQ

欢迎关注阿超的公众号！

如果这篇文章帮助到了您，这里还可以打赏博主哦~m_m


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

  1. mysql身份证校验码_mysql正则表达式验证身份证，并获取年龄、生日、性别

    mysql正则表达式验证身份证,并获取年龄.生日.性别 发布时间:2018-05-17 16:28, 浏览次数:4844 , 标签: mysql正则表达式,mysql验证身份证,REGEXP mysq ...

  2. ipv6正则表达式 java,用正则表达式解析IPv4跟IPv6地址字符串

    用正则表达式解析IPv4和IPv6地址字符串 以下是经过我的.net C# 代码百般测试的,绝对经得住考验! IPv4[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9] ...

  3. 正则表达式验证身份证号以及验证校验位的正确性

    需求:给定一个字符串,从中提取出身份证号 关于验证15位和18位身份证号的正则表达式可以参考下面的内容: http://www.cppcns.com/wangluo/re/183062.html 一. ...

  4. js正则表达式校验：手机号、身份证、护照、港澳台通行证、银行卡号、车牌号等......

    js正则表达式校验:手机号.身份证.护照.港澳台通行证.银行卡号等...... 1.手机号 2.身份证号 3.护照 4.港澳台通行证.居住证 5.银行卡号 6.军官证 7.户口本 8.用户名.中文姓名 ...

  5. JS正则表达式验证身份证号码

    function isCardNo(card) { // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{1 ...

  6. JS正则表达式验证身份证号码、真实姓名

    js验证身份证号: var idNo = $('#id_card_no').val(); var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$) ...

  7. 非QQ邮箱 无法发邮件给 QQ号@qq.com的邮箱 问题 解决方案

    工作中遇到了一个问题: 使用 非QQ邮箱 进行发件时,发送给 QQ号@qq.com1 的邮件总是提示发件失败. 正当我百思不得其解的时候,同事给了我个解决方案: 把收件邮箱 @后面小写的"q ...

  8. 使用正则表达式验证身份证格式及长度

    最近项目需要做一个身份证验证的前端需求,于是乎手写了一个正则表达式对身份证的验证: $.validator.addMethod("IdCard", function (value, ...

  9. python 编写一个函数来验证输入的字符串是否是有效的 IPv4 或 IPv6 地址_产品 | 工信部发声IPv6即将部署，你的路由需要更换吗？...

    提到说话算数不得不表扬一下工信部,从最早的"提速降费"到现在的"携号转网",每一件事情都办的有条不紊,件件落实到咱们老百姓的生活上. 最近两年工信部都在忙一件大 ...

最新文章

  1. 完全免费，简化版Plotly推出，秒绘各类可视化图表
  2. 不用恐惧AI的高速发展，论击败阿法狗（零）最简单的方法
  3. 怪不的软件开发这么挣钱，原来是有这么多职位
  4. 算法----- 下一个更大元素 I
  5. django媒体文件上传设置
  6. bootstrap -- css -- 表单控件
  7. linux中匿名用户怎么登陆_南京课工场IT培训：Linux中vsftpd服务配置（匿名，用户，虚拟用户）...
  8. 精通Android自定义View(九)绘制篇Canvas分析之绘制图片
  9. Linux使用cpuset设置CPU独占
  10. extract($_POST[])
  11. java日期互转：LocalDateTime、String、Instant、Date
  12. Win10个人使用软件清单
  13. Visual Studio添加Numpy
  14. 机器学习-Numpy的学习
  15. iOS 第三方库、插件、知名博客总结
  16. factorytalk找不到OPC服务器,simatic net 做远程opc服务器问题
  17. MD5文件加密和解密
  18. Context Menus
  19. caffe学习系列：训练自己的图片集（超详细教程）
  20. （亲测可用）如何在Win10家庭版中找回组策略编辑器

热门文章

  1. c语言快速排序--超级简单代码少
  2. Ubuntu中shell命令-（1）-shell是什么？-Linux内核有哪些东西？-shell命令解释器包含哪几个种类？
  3. python中的numel()函数
  4. i510200h和i510210u 哪个更好
  5. python列表和元组
  6. Linux操作系统下的TCP/IP网络通信
  7. 卷积神经网络各层基本知识
  8. 信产部标志真伪鉴定部:辨别手机真伪有六招
  9. 数一数西安的独立博客
  10. Jsoup爬虫--使用阿布云代理