JavaScript常用正則驗(yàn)證函數(shù)實(shí)例小結(jié)【年齡,數(shù)字,Email,手機(jī),URL,日期等】
本文實(shí)例總結(jié)了JavaScript常用正則驗(yàn)證函數(shù)。分享給大家供大家參考,具體如下:
1、驗(yàn)證年齡格式(年齡只能0~99,兩位數(shù))
//驗(yàn)證年齡格式(年齡只能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、驗(yàn)證字符串是否只包含數(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、驗(yàn)證Email格式
//驗(yàn)證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、驗(yàn)證文本必須是英文
function ValidateStrChina(astr) { if (astr == "") return false; if (/[^\x00-\xff]/g.test(astr)) { return false; } return true; }
6、驗(yàn)證貨幣格式(保留小數(shù)點(diǎn)2位)
function CheckIsMoney(str) { var result = false; var r = /^\d+(\.\d{1,2})?$/; if (r.test(str)) { result = true; } return result; }
7、驗(yàn)證URL格式
//驗(yàn)證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、驗(yàn)證手機(jī)格式
//驗(yàn)證手機(jī)格式 function ValidateMobile(mobile) { if (mobile != "") { var r = /^[1][3,5,8][0-9]{9}$/; if (!r.test(mobile)) { alert("手機(jī)號碼格式不正確!"); return false; } } return true; }
9、驗(yàn)證年份格式
//驗(yàn)證年份格式 function validatePeriodFormat(strValue) { var objRegExp = /^[1-9]\d{3}$/; if (!objRegExp.test(strValue)) return false; else { return true; } }
10、驗(yàn)證日期格式(yyyy-MM)
//驗(yàn)證日期格式(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、驗(yàn)證處理
//驗(yàn)證處理 var CheckHandler = { //驗(yàn)證手機(jī)號碼 ValidateMobile: function(mobile) { if (mobile != "") { var r = /^[1][3,5,8][0-9]{9}$/; if (!r.test(mobile)) { return false; } } return true; }, //驗(yàn)證電話號碼 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; }, //驗(yàn)證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; } } }, //驗(yàn)證貨幣格式(保留小數(shù)點(diǎn)2位) CheckIsMoney: function(money) { var result = false; var r = /^\d+(\.\d{1,2})?$/; if (r.test(money)) { result = true; } return result; } }
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- js常用正則表達(dá)式集錦
- 淺談Javascript常用正則表達(dá)式應(yīng)用
- JS常用正則表達(dá)式總結(jié)【經(jīng)典】
- JavaScript常用正則函數(shù)用法示例
- JS常用正則表達(dá)式及驗(yàn)證時(shí)間的正則表達(dá)式
- javascript常用正則表達(dá)式匯總
- PHP和javascript常用正則表達(dá)式及用法實(shí)例
- JS常用正則表達(dá)式總結(jié)
- javascript常用正則表達(dá)式合集
- js 常用正則表達(dá)式表單驗(yàn)證代碼
- js 驗(yàn)證 常用正則表達(dá)式集錦
- JS常用正則表達(dá)式超全集(密碼強(qiáng)度校驗(yàn),金額校驗(yàn),IE版本,IPv4,IPv6校驗(yàn))
相關(guān)文章
ckeditor一鍵排版功能實(shí)現(xiàn)方法分析
這篇文章主要介紹了ckeditor一鍵排版功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了ckeditor一鍵排版相關(guān)擴(kuò)展插件定義、配置與使用方法,需要的朋友可以參考下2020-02-02Javascript動態(tài)創(chuàng)建div的方法
這篇文章主要介紹了Javascript動態(tài)創(chuàng)建div的方法,是javascript節(jié)點(diǎn)操作的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02JS庫中的Particles.js在vue上的運(yùn)用案例分析
這篇文章主要介紹了JS庫中的Particles.js在vue上的運(yùn)用案例分析,需要的朋友可以參考下2017-09-09學(xué)習(xí)JSON.stringify的9大特性和轉(zhuǎn)換規(guī)則
本文介紹JSON.stringify9大特性和轉(zhuǎn)換規(guī)則,JSON.stringify()方法將一個(gè)JavaScript對象或值轉(zhuǎn)換為?JSON?字符串,如果指定了一個(gè)replacer?函數(shù),則可以選擇性地替換值,或者指定的replacer是數(shù)組,則可選擇性地僅包含數(shù)組指定的屬性,更多內(nèi)容需要的小火煸可以參考下面溫行內(nèi)容2022-02-02javascript中使用class和prototype的區(qū)別小結(jié)
本文將介紹在JavaScript何時(shí)使用class以及何時(shí)使用prototype,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08js prototype深入理解及應(yīng)用實(shí)例分析
這篇文章主要介紹了js prototype深入理解及應(yīng)用,結(jié)合實(shí)例形式分析了JavaScript prototype屬性功能、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2019-11-11Bootstrap table右鍵功能實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap table右鍵功能的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02