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

Posted on by

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！

推薦閱讀：