使用正则表达式验证身份证号、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