JavaScript常见表单校验正则表达式汇总

作者:拾光

时间:2026-10-28

浏览:122

本文汇总了JavaScript中常用的表单校验正则表达式,涵盖域名、手机号码、邮箱、身份证、用户名、整数小数及特殊字符等场景。提供完整的RegExp对象创建与test/exec方法调用示例,帮助开发者快速实现前端数据格式验证。

文章目录

JavaScript常见表单校验正则表达式汇总

以下是相关功能的代码实现:

<script type="text/javascript">
// 验证通用域名格式
function checkNetURL(){
var netURL = document.getElementById("netURL");
// 验证标准域名,例如 www.baidu.com
var regStr="^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$";
var re=new RegExp(regStr); // 初始化正则表达式对象
//var re=/^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$/;
if(!re.exec(netURL.value)){ // 检查输入字符串是否符合规则
alert("您输入的网站URL地址有误!正确格式如 mail.brookes.com");
netURL.focus();
return;
}
}
// 手机号码格式校验
function iphoneRegExp(){
var iphone= document.getElementById("iphone").value;
var regStr="^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$";
var re=new RegExp(regStr);
if(!re.test(iphone)){
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)");
}
}
// 邮箱格式校验(注:此处可能存在逻辑缺陷)
/*function emailRegExp(){
var email= document.getElementById("email").value;
var regStr="^([a-zA-Z0-9\u4E00-\u9FA5]*[-_]?[a-zA-Z0-9]){1,}+@([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$";
var re=new RegExp(regStr);
if(!re.test(email)){
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)");
//iphone.focus();
}
}*/
function cardRegExp(){
var card= document.getElementById("card").value;
var regStr="(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)";
var re=new RegExp(regStr);
if(!re.test(card)){
alert("输入不合法,正确格式为:4101821897020356**");
}
}
// 残疾证号码校验
function canJicardRegExp(){
var card= document.getElementById("card").value;
var regStr="(^\\d{22}$)|(^\\d{20}$)";
var re=new RegExp(regStr);
if(!re.test(card)){
alert("残疾证输入不合法!");
}
}
// 邮政编码校验
function postCardRegExp(){
var postCard= document.getElementById("postCard").value;
var regStr="^[0-9]{6}$";
var re=new RegExp(regStr);
if(!re.test(postCard)){
alert("输入不合法!正确格式如4500!");
}
}
// 传真与固定电话校验
function telRegExp(){
var tel= document.getElementById("tel").value;
var regStr="((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$)";
var re=new RegExp(regStr);
if(!re.test(tel)){
alert("书写格式错误!正确格式如 0511-44052** 或 021-878888**");
}
}
// 用户名校验,规则说明如下:
// 匹配账号合法性(字母开头,允许5-16字节,允许字母数字下划线)
function userNameRegExp(){
var userName= document.getElementById("userName").value;
var regStr="^[a-zA-Z][a-zA-Z0-9_]{3,15}$";
var re=new RegExp(regStr);
if(!re.test(userName)){
alert("必须以字母开头,后面跟4-15位数字,字母或下划线!");
}
}
// 校验整数格式
function numRegExp(){
var num= document.getElementById("num").value;
var regStr="^[0-9]*[1-9][0-9]*$";
var re=new RegExp(regStr);
if(!re.test(num)){
alert("填写格式错误,正确格式如:8080");
}
}
// 校验小数或整数格式
function numFontRegExp(){
var num= document.getElementById("num").value;
var regStr="^(([0]{1,})|([0-9]{1,})[.]{1}[0-9]{1,})|[0-9]{1,}$";
var re=new RegExp(regStr);
if(!re.test(num)){
alert("填写格式错误,正确格式为12.3");
}
}
// 验证是否包含特殊字符,规则为^[^%$&@]{1,}$
function strRegExp(){
var str= document.getElementById("str").value;
var regStr="^[^%$&@]{1,}$";
var re=new RegExp(regStr);
if(!re.test(str)){
alert("不能包含特殊字符");
}
}
// 验证真实姓名格式
function nameRegExp(){
var name= document.getElementById("name").value;
var regStr="((^[a-zA-Z]{1}([a-zA-Z_]){2,20})|(^[\u4E00-\u9FA5]{1}+[a-zA-Z0-9\u4E00-\u9FA5]{1,14}))$";
var re=new RegExp(regStr);
if(!re.test(name)){
alert("应为2-15个汉字或3-21个英文字母");
}
}
//// 验证护照格式
function huzhoaRegExp(){
var huzhao= document.getElementById("huzhao").value;
var regStr="^((14)|(15)[0-9]{7})|(G|S|D[0-9]{8})|((P.)|(S.)[0-9]{7})$";
var re=new RegExp(regStr);
if(!re.test(huzhao)){
alert("护照输入不合法,正确格式如:G00106556");
}
}
// 文职干部证校验
function junGuanRegExp(){
var wenzhi= document.getElementById("wenzhi").value;
var regStr="^[\u4E00-\u9FA5]{1}文\\d{4,12}$";
var re=new RegExp(regStr);
if(!re.test(wenzhi)){
alert("文职干部证输入不合法!正确格式如:广文0816**");
}
}
// 手机和固定电话综合校验
function iphoneTelRegExp(){
var iphoneTel= document.getElementById("iphoneTel").value;
var regStr="(((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$))|(^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$)$";
var re=new RegExp(regStr);
if(!re.test(iphoneTel)){
alert("电话号码书写错误,不符合电话号码规格(如 0511-4405xxx 或 15236565xxx),请重新填写");
}
}
</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章