javascript手机验证、邮箱验证、密码验证的正则表达式如何封装

今天小编给大家分享一下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手机验证、邮箱验证、密码验证的正则表达式如何封装”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。