javascript手機驗證、郵箱驗證、密碼驗證的正則表達式簡單封裝實例

更新時間：2022年09月07日 15:44:31 作者：月影WEB

正則表達式在日常的數(shù)據(jù)驗證中是必不可少的驗證方式,這篇文章主要給大家介紹了關(guān)于javascript手機驗證、郵箱驗證、密碼驗證的正則表達式簡單封裝的相關(guān)資料,需要的朋友可以參考下

javascript【手機驗證】、【郵箱驗證】、【密碼驗證】的正則表達式的封裝： 【手機驗證】：

以下代碼是驗證手機號碼的正則表達式的方法，

【checkPhone】：表示的是方法的名稱；

【phoneId】：表示方法的參數(shù)，這里為獲取手機號碼的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】：表示方法的參數(shù)，這里為獲取郵箱的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】：表示方法的參數(shù)，這里為獲取郵箱的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("您的密碼包含特殊字符！請輸入數(shù)字、字母或者“-”和“_”這些組合的6到10位密碼！");
        $(pwdId).focus();
        pwd = 0;
        return false;
    } else {
        pwd = 1;
    }
}

總結(jié)

到此這篇關(guān)于javascript手機驗證、郵箱驗證、密碼驗證正則表達式簡單封裝的文章就介紹到這了,更多相關(guān)js手機郵箱密碼驗證正則表達式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: