今天小编给大家分享一下javascript手机验证、邮箱验证、密码验证的正则表达式如何封装的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
javascript【手机验证】、【邮箱验证】、【密码验证】的正则表达式的封装： 【手机验证】：
以下代码是验证手机号码的正则表达式的方法，
【checkPhone】：表示的是方法的名称；
【phoneId】：表示方法的参数，这里为获取手机号码的html元素的id，一般为input元素的id；
【$(phoneId).val()】：JQ通过id获取input的值；
【手机匹配的正则表达式】：
/^1[2|3|4|5|6|7|8|9|]\d{9}$/
/*手机验证*/
function checkPhone(phoneId) {
// var phone = document.getElementById(phoneId);
// var phone_value = phone.value;
var phone_value = $(phoneId).val();
if (!(/^1[2|3|4|5|6|7|8|9|]\d{9}$/.test(phone_value))) {//手机匹配的正则表达式
alert("手机号码格式有误，请重新填写！");
$(phoneId).focus();
mail = 0;
return false;
} else {
mail = 1;
}
}
【邮箱验证】：以下代码是验证邮箱的正则表达式的方法，
【checkMail】：表示的是方法的名称；
【mailId】：表示方法的参数，这里为获取邮箱的html元素的id，一般为input元素的id；
【$(phoneId).val()】：JQ通过id获取input的值；
【邮箱匹配的正则表达式】：
/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9])+/
/*邮箱验证*/
function checkMail(mailId) {
//var mail_id = document.getElementById(mailId);
//var regMail = mail_id.value;
var regMail_value = $(mailId).val();
var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9])+/;//邮箱匹配的正则表达式
if (!(regMail.test(regMail_value))) {
alert("邮箱号码格式有误，请重新填写！");
$(mailId).focus();
phone = 0;
return false;
} else {
phone = 1;
}
}
【密码验证】：以下代码是验证密码的正则表达式的方法，
【checkPwd】：表示的是方法的名称；
【pwdId】：表示方法的参数，这里为获取邮箱的html元素的id，一般为input元素的id；
【$(pwdId).val()】：JQ通过id获取input的值；
【密码匹配的正则表达式】：
/^[0-9a-zA-Z_-]{6,10}/
密码的正则表达式可以按照实际的情况进行修改；
/*密码验证*/
function checkPwd(pwdId) {
var regPwd_value = $(pwdId).val();
var regPwd = /^[0-9a-zA-Z_-]{6,10}/;//密码匹配的正则表达式
if (!(regPwd.test(regPwd_value))) {
alert("您的密码包含特殊字符！请输入数字、字母或者“-”和“_”这些组合的6到10位密码！");
$(pwdId).focus();
pwd = 0;
return false;
} else {
pwd = 1;
}
}
以上就是“javascript手机验证、邮箱验证、密码验证的正则表达式如何封装”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云搜网行业资讯频道。
