本文介绍了 JavaScript 中正则表达式的封装方法，涵盖邮箱、手机号及电话号码的验证逻辑。文中提供了完整的代码示例，并推荐了多个实用的正则表达式在线测试与生成工具，帮助开发者高效进行前端表单验证与字符串处理。
JavaScript 正则表达式封装与工具推荐
本文详细介绍 JavaScript 中正则表达式的封装技巧与实际应用方法，旨在为读者提供可参考的解决方案。
此处整理了一些基础输入场景下的正则判断逻辑，后续仍有优化空间。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>正则表达式封装</title>
</head>
<body>
<script>
//邮箱
var emailReg = /^([a-z0-9A-Z_]+[-|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,}$/;
//手机号
var mobileReg = /^0?1(3|4|5|7|8)\d{9}$/;
//电话号码
var telReg = /(^[0-9]{3,4}-[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{3,4}-[0-9]{7,8}$)|(^[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{7,15}$)/;
var domainReg = /http:\/\/.+\/;
var zipcodeReg = /^[0-9]{6}$/;
//数字
var numReg = /^[0-9]+$/;
//身份证
var isIDCardReg=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
//用户名
var userNameReg = /^[_a-zA-Z0-9\u4E00-\u9FFF]{2,20}/;
//中文
var zh = /[\u4E00-\u9FFF]/g;
var httpUrl=/[a-zA-z]+:\/\/[^s]*\/;
var doubleReg=/((^0\.)|(^[1-9]+[0-9]*\.\d)$)|(^[1-9]+[0-9]*$)/;
function checkEmail(email) {
return emailReg.test(email);
}
function checkDouble(double) {
return doubleReg.test(double);
}
function checkHttpUrl(url) {
return httpUrl.test(url);
}
function checkIsIDCard(isIDCard) {
return isIDCardReg.test(isIDCard);
}
function checkMobile(mobile) {
return mobileReg.test(mobile);
}
function checkTel(tel) {
return telReg.test(tel);
}
function checkDomain(domain) {
return domainReg.test(domain);
}
function checkZipcode(zipcode) {
return zipcodeReg.test(zipcode);
}
function checkNum(num) {
return numReg.test(num);
}
function checkUserName(userName) {
if(userName=="") {
return false;
}
var len = userName.length;
var m = userName.match(this.zh);
if(m != null) {
len += m.length;
}
return userNameReg.test(userName) && (len>=4 && len<=32);
}
var phone="1839094574";
console.log(checkMobile(phone));
</script>
</body>
</html>
上述代码可通过在线 HTML/CSS/JavaScript 代码运行工具（http://tools.jb51.net/code/HtmlJsRun）进行测试，具体运行结果如下所示。
此外，本文还推荐两款便捷的正则表达式辅助工具供读者参考使用。
JavaScript 正则表达式在线测试工具： http://tools.jb51.net/regex/javascript
正则表达式在线生成工具： http://tools.jb51.net/regex/create_reg
若读者对 JavaScript 其他领域感兴趣，可进一步查阅本站相关专题，包括《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》。
希望本文所述内容能对各位的 JavaScript 程序设计工作有所助益。