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!
推薦閱讀:
- Javascript實現表單檢驗
- JavaScript實現表單驗證
- element input輸入框自動獲取焦點的實現
- 初識JavaScript的基礎
- JavaScript實現星座查詢功能 附詳細代碼