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手機 郵箱 密碼驗證正則表達式內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: