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;
    }
}

总结

原文地址:https://blog.csdn.net/qq_34297287/article/details/126715512