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手机验证、邮箱验证、密码验证正则表达式简单封装的文章就介绍到这了,更多相关js手机 邮箱 密码验证正则表达式内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！