欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js與jquery正則驗證電子郵箱、手機(jī)號、郵政編碼的方法

 更新時間:2016年07月04日 09:03:31   作者:yanhui_wei  
這篇文章主要介紹了js與jquery正則驗證電子郵箱、手機(jī)號、郵政編碼的方法,涉及javascript與jQuery鼠標(biāo)事件的響應(yīng)與正則驗證操作字符串的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了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è)計有所幫助。

相關(guān)文章

  • JavaScript循環(huán)遍歷的24個方法,你都知道嗎

    JavaScript循環(huán)遍歷的24個方法,你都知道嗎

    這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個方法,文中對每種方法都給出了詳細(xì)的實例代碼,方便大家理解學(xué)習(xí),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2021-09-09
  • JS去除字符串中空格的方法

    JS去除字符串中空格的方法

    這篇文章主要介紹了JS去除字符串中空格的方法,涉及javascript字符串的正則、遍歷、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下
    2017-02-02
  • 淺析BootStrap Treeview的簡單使用

    淺析BootStrap Treeview的簡單使用

    bootstrap-treeview.js1是一款強(qiáng)大的樹菜單插件,本文給大家介紹bootstrap treeview的簡單使用,涉及到使用要求及數(shù)據(jù)格式的介紹,本文介紹的非常詳細(xì),具有參考借鑒價值,感興趣的朋友參考下
    2016-10-10
  • js封裝成插件的步驟方法

    js封裝成插件的步驟方法

    本篇文章主要介紹了js封裝成插件的步驟方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 使用PHP+JavaScript將HTML頁面轉(zhuǎn)換為圖片的實例分享

    使用PHP+JavaScript將HTML頁面轉(zhuǎn)換為圖片的實例分享

    這篇文章主要介紹了使用PHP+JavaScript將HTML元素轉(zhuǎn)換為圖片的實例分享,文后結(jié)果的截圖只能體現(xiàn)出替換的字體,也不能說將靜態(tài)頁面轉(zhuǎn)為圖片可以加快加載,只是這種做法比較interesting XD需要的朋友可以參考下
    2016-04-04
  • 何時使用Map來代替普通的JS對象

    何時使用Map來代替普通的JS對象

    這篇文章主要介紹了何時使用Map來代替普通的JS對象,對Map感興趣的同學(xué),可以參考下
    2021-04-04
  • JS實現(xiàn)圖片平面旋轉(zhuǎn)的方法

    JS實現(xiàn)圖片平面旋轉(zhuǎn)的方法

    這篇文章主要介紹了JS實現(xiàn)圖片平面旋轉(zhuǎn)的方法,涉及JavaScript操作頁面元素樣式動態(tài)變換的相關(guān)技巧,需要的朋友可以參考下
    2016-03-03
  • 如何用js 實現(xiàn)依賴注入的思想,后端框架思想搬到前端來

    如何用js 實現(xiàn)依賴注入的思想,后端框架思想搬到前端來

    這篇文章主要介紹了js 實現(xiàn)依賴注入的思想,后端框架思想搬到前端來,需要的朋友可以參考下
    2015-08-08
  • javascript 精確獲取樣式屬性(下)

    javascript 精確獲取樣式屬性(下)

    繼續(xù)上一部分,我們要看一下顏色?;鸷孟癫还苋叨欢紩D(zhuǎn)變?yōu)閞gb格式,不過我們通常比較習(xí)慣的是hex格式。這就用到以下兩函數(shù)。
    2010-01-01
  • JavaScript判斷奇偶數(shù)的2種方法代碼舉例

    JavaScript判斷奇偶數(shù)的2種方法代碼舉例

    這篇文章主要給大家介紹了關(guān)于JavaScript判斷奇偶數(shù)的2種方法,奇數(shù)和偶數(shù)的判斷是數(shù)學(xué)運(yùn)算中經(jīng)常碰到的問題,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
    2023-10-10

最新評論