js與jquery正則驗證電子郵箱、手機(jī)號、郵政編碼的方法
本文實例講述了js與jquery正則驗證電子郵箱、手機(jī)號、郵政編碼的方法。
jQuery代碼:
//驗證郵政編碼 $("#postcode").blur(function(){ //獲取郵政編碼 var postcode=$("#postcode").val(); if(is_postcode(postcode)){ $("#postcode_info").html(""); }else{ $("#postcode_info").html("郵編格式不正確"); return false; } }); //驗證手機(jī)號碼 $("#mobile").blur(function(){ //獲取手機(jī)號,并去除左右兩邊空格 var mobile=$.trim($("#mobile").val()); if(is_mobile(mobile)){ $("#mobile_info").html(""); }else{ $("#mobile_info").html("手機(jī)號格式不正確"); return false; } }); //驗證email $("#email").blur(function(){ //獲取email var email=$("#email").val(); if(is_email(email)){ $("#email_info").html(""); }else{ $("#email_info").html("電子郵件格式不正確"); return false; } }); });
js代碼:
//訂單提交頁-驗證郵政編碼 function is_postcode(postcode) { if ( postcode == "") { return false; } else { if (! /^[0-9][0-9]{5}$/.test(postcode)) { return false; } } return true; } //訂單提交頁-驗證手機(jī)號 function is_mobile(mobile) { if( mobile == "") { return false; } else { if( ! /^0{0,1}(13[0-9]|15[0-9]|18[0-9]|14[0-9])[0-9]{8}$/.test(mobile) ) { return false; } return true; } } //訂單提交頁-驗證email的合法性 function is_email(email) { if ( email == "") { return false; } else { if (! /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(email)) { return false; } } return true; }
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述對大家javascript程序設(shè)計有所幫助。
- JS正則驗證多個郵箱完整實例【郵箱用分號隔開】
- JS正則表達(dá)式驗證賬號、手機(jī)號、電話和郵箱是否合法
- 日常收集JS郵箱驗證正則表達(dá)式
- JS正則驗證郵箱的格式詳細(xì)介紹
- 比較正宗的驗證郵箱的正則表達(dá)式j(luò)s代碼詳解
- JavaScript常用正則驗證函數(shù)實例小結(jié)【年齡,數(shù)字,Email,手機(jī),URL,日期等】
- 利用js正則表達(dá)式驗證手機(jī)號,email地址,郵政編碼
- Javascript Validation for email(正則表達(dá)式) 英文翻譯
- js驗證email的正則
- JavaScript email郵箱/郵件地址的正則表達(dá)式及分析
相關(guān)文章
JavaScript循環(huán)遍歷的24個方法,你都知道嗎
這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個方法,文中對每種方法都給出了詳細(xì)的實例代碼,方便大家理解學(xué)習(xí),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2021-09-09使用PHP+JavaScript將HTML頁面轉(zhuǎn)換為圖片的實例分享
這篇文章主要介紹了使用PHP+JavaScript將HTML元素轉(zhuǎn)換為圖片的實例分享,文后結(jié)果的截圖只能體現(xiàn)出替換的字體,也不能說將靜態(tài)頁面轉(zhuǎn)為圖片可以加快加載,只是這種做法比較interesting XD需要的朋友可以參考下2016-04-04如何用js 實現(xiàn)依賴注入的思想,后端框架思想搬到前端來
這篇文章主要介紹了js 實現(xiàn)依賴注入的思想,后端框架思想搬到前端來,需要的朋友可以參考下2015-08-08