JavaScript常用正則驗證函數(shù)實例小結【年齡,數(shù)字,Email,手機,URL,日期等】

更新時間：2017年01月23日 14:50:42 作者：pan_junbiao

這篇文章主要介紹了JavaScript常用正則驗證函數(shù),結合實例形式總結分析了javascript針對年齡、數(shù)字、Email、手機、URL、日期等格式常用正則驗證技巧,需要的朋友可以參考下

本文實例總結了JavaScript常用正則驗證函數(shù)。分享給大家供大家參考，具體如下：

1、驗證年齡格式（年齡只能0~99，兩位數(shù)）

//驗證年齡格式（年齡只能0~99，兩位數(shù)）
function ValidateUserAge(age)
{
  var regNum = /^[0-9]{1,2}$/;
  if (regNum.test(age)) {
    return true;
  }
  else {
    alert("請輸入正確的年齡！")
    return false;
  }
}

2、控制文本框只能輸入數(shù)字

function _OnlyAllowNumKeyup(o) {
  o.value = o.value.replace(/[^0-9.]/g, '');
}
//調(diào)用<input type="text" onkeyup="_OnlyAllowNumKeyup(this)" />

3、驗證字符串是否只包含數(shù)字

function isNumberChar(str) {
  var exp = /[^0-9()]/g;
  if (str.search(exp) != -1) {
    return false;
  }
  return true;
}
function isDigit(s) {
  var patrn = /^[0-9]{1,20}$/;
  if (!patrn.exec(s)) {
    return false;
  }
  else {
    return true
  }
}

4、驗證Email格式

//驗證Email格式
function ValidateEmail(Email) {
  if (Email==null || Email == "") {
    alert("請輸入您的電子郵箱!");
    return false;
  }
  else {
    var r = /^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
    if (r.test(Email)) {
      return true;
    } else {
      alert("您輸入的電子郵箱格式不正確！");
      return false;
    }
  }
}

5、驗證文本必須是英文

function ValidateStrChina(astr) {
  if (astr == "") return false;
  if (/[^\x00-\xff]/g.test(astr)) {
    return false;
  }
  return true;
}

6、驗證貨幣格式（保留小數(shù)點2位）

function CheckIsMoney(str) {
  var result = false;
  var r = /^\d+(\.\d{1,2})?$/;
  if (r.test(str)) {
    result = true;
  }
  return result;
}

7、驗證URL格式

//驗證URL格式
function ValidateURL(url) {
  if (url!= "") {
    var r = /^http:\/\/([\w-]+\.)+[\w-]+(\/[\w-]*)?$|^([\w-]+\.)+[\w-]+(\/[\w-]*)?$/;
    if (!r.test(url)) {
      alert("網(wǎng)址格式不正確!");
      return false;
    }
  }
  return true;
}

8、驗證手機格式

//驗證手機格式
function ValidateMobile(mobile) {
  if (mobile != "") {
    var r = /^[1][3,5,8][0-9]{9}$/;
    if (!r.test(mobile)) {
      alert("手機號碼格式不正確!");
      return false;
    }
  }
  return true;
}

9、驗證年份格式

//驗證年份格式
function validatePeriodFormat(strValue) {
  var objRegExp = /^[1-9]\d{3}$/;
  if (!objRegExp.test(strValue))
    return false;
  else {
    return true;
  }
}

10、驗證日期格式（yyyy-MM）

//驗證日期格式（yyyy-MM）
function ValidateData(strValue) {
  var objRegExp = /^([1-9]\d{3})\-(0[1-9]|1[0-2])$/;
  if (!objRegExp.test(strValue))
    return false;
  else {
    return true;
  }
}

11、驗證處理

//驗證處理
var CheckHandler = {
  //驗證手機號碼
  ValidateMobile: function(mobile) {
    if (mobile != "") {
      var r = /^[1][3,5,8][0-9]{9}$/;
      if (!r.test(mobile)) {
        return false;
      }
    }
    return true;
  },
  //驗證電話號碼
  ValidatePhone: function(phone) {
  if (phone != "") {
      var reg = /^(\d{2,3}\-)?(\d{3,4}\-?)[1-9]\d{6,7}$/;
      if (!reg.test(phone)) {
        return false;
      }
    }
    return true;
  },
  //驗證Email格式
  ValidateEmail: function(Email) {
    if (Email==null || Email == "") {
      return false;
    }
    else {
      var r = /^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
      if (r.test(Email)) {
        return true;
      } else {
        return false;
      }
    }
  },
  //驗證貨幣格式（保留小數(shù)點2位）
  CheckIsMoney: function(money) {
    var result = false;
    var r = /^\d+(\.\d{1,2})?$/;
    if (r.test(money)) {
      result = true;
    }
    return result;
  }
}

PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：

JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章: