(原创不易,你们对阿超的赞就是阿超持续更新的动力!)
(以免丢失,建议收藏~~~)
--------------------------------------------------------
身份证号
正则表达式
// 正则表达式 身份证号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