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

