JavaScript正則表達式驗證代碼
這篇文章主要講解了“JavaScript正則表達式驗證代碼”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JavaScript正則表達式驗證代碼”吧！
池州網站建設公司創(chuàng)新互聯,池州網站設計制作，有大型網站制作公司豐富經驗。已為池州近千家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站建設要多少錢，請找那個售后服務好的池州做網站的公司定做！
RegExp：是正則表達式（regular expression）的簡寫。
正則表達式描述了字符的模式對象?？梢允褂谜齽t表達式來描述要檢索的內容。
簡單的模式可以是一個單獨的字符。更復雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。
//判斷輸入內容是否為空
function IsNull(){
var str = document.getElementById('str').value.trim();
if(str.length==0){
alert('對不起，文本框不能為空或者為空格!');//請將“文本框”改成你需要驗證的屬性名稱!
}
}
//判斷日期類型是否為YYYY-MM-DD格式的類型
function IsDate(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!
}
}
//判斷日期類型是否為YYYY-MM-DD hh:mm:ss格式的類型
function IsDateTime(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!
}
}
//判斷日期類型是否為hh:mm:ss格式的類型
function IsTime()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/
if(!reg.test(str)){
alert("對不起，您輸入的日期格式不正確!");//請將“日期”改成你需要驗證的屬性名稱!
}
}
}
//判斷輸入的字符是否為英文字母
function IsLetter()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的英文字母類型格式不正確!");//請將“英文字母類型”改成你需要驗證的屬性名稱!
}
}
}
//判斷輸入的字符是否為整數
function IsInteger()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){
alert("對不起，您輸入的整數類型格式不正確!");//請將“整數類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的字符是否為雙精度
function IsDouble(val)
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-\+]?\d+(\.\d+)?$/;
if(!reg.test(str)){
alert("對不起，您輸入的雙精度類型格式不正確!");//請將“雙精度類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的字符是否為:a-z,A-Z,0-9
function IsString()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的字符是否為中文
function IsChinese()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[\u0391-\uFFE5]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的EMAIL格式是否正確
function IsEmail()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的郵編(只能為六位)是否正確
function IsZIP()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^\d{6}$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
//判斷輸入的數字不大于某個特定的數字
function MaxValue()
{
var val = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){//判斷是否為數字類型
if(val>parseInt('123')) //“123”為自己設定的最大值
{
alert('對不起，您輸入的數字超出范圍');//請將“數字”改成你要驗證的那個屬性名稱！
}
}
}
}Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/
Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/
QQ : /^[1-9]\d{4,8}$/
某種特殊金額：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/ //說明：除“XXX XX,XXX XX,XXX.00”格式外
//為上面提供各個JS驗證方法提供.trim()屬性
String.prototype.trim=function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}調用：
<input type="text" name="str" >
<input type="button" value=" 確定 " onClick=""> //onClick中寫自己要調用的JS驗證函數
<script language="javascript" type="text/javascript">
var patterms = new Object();
//驗證IP
patterms.ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
//驗證EMAIL
patterms.email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
//驗證日期格式2009-07-13
patterms.date = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
//驗證時間格式16:55:39
patterms.time = new RegExp("^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$");
//驗證函數
function verify(str,pat)
{
var thePat;
thePat = patterms[pat];
if(thePat.test(str))
{
return true;
}
else
{
return false;
}
}
//測試
alert(verify("asidycom@163.com","email")+","+verify("192.168.1.1","ip")+
","+verify("16:55:39","time")+","+verify("2009-07-13","date")+","+verify("192.168","ip"));驗證數字：^[0-9]*$
驗證n位的數字：^\d{n}$
驗證至少n位數字：^\d{n,}$
驗證m-n位的數字：^\d{m,n}$
驗證零和非零開頭的數字：^(0|[1-9][0-9]*)$
驗證有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$
驗證有1-3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數：^\+?[1-9][0-9]*$
驗證非零的負整數：^\-[1-9][0-9]*$
驗證非負整數（正整數 + 0） ^\d+$
驗證非正整數（負整數 + 0） ^((-\d+)|(0+))$
驗證長度為3的字符：^.{3}$
驗證由26個英文字母組成的字符串：^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串：^[A-Z]+$
驗證由26個小寫英文字母組成的字符串：^[a-z]+$
驗證由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$
驗證由數字、26個英文字母或者下劃線組成的字符串：^\w+$
驗證用戶名或昵稱經常用到: ^[\u4e00-\u9fa5A-Za-z0-9-_]*$ 只能中英文，數字，下劃線，減號
驗證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式為：以字母開頭，長度在6-18之間，只能包含字符、數字和下劃線。
驗證是否含有 ^%&',;=?$\" 等字符：[^%&',;=?$\x22]+
驗證漢字：^[\u4e00-\u9fa5],{0,}$
驗證Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗證InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
驗證電話號碼：^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$：--正確格式為：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。
驗證身份證號（15位或18位數字）：^\d{15}|\d{}18$
驗證一年的12個月：^(0?[1-9]|1[0-2])$ 正確格式為：“01”-“09”和“1”“12”
驗證一個月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為：01、09和1、31。
整數：^-?\d+$
非負浮點數（正浮點數 + 0）：^\d+(\.\d+)?$
正浮點數 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮點數（負浮點數 + 0） ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
負浮點數 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮點數 ^(-?\d+)(\.\d+)?$
由于手機號段的不斷更新，以前的正則表達式已經無法滿足需求。重新編寫這條表達式，
var regex = {
mobile: /^?([-]|[]|[]|[])[-]{}$/
}表達式分析：
“/”代表一個正則表達式。
“^”代表字符串的開始位置，“$”代表字符串的結束位置。
“?”代表匹配前面的字符一個或零個，所以這里0?的意思是手機號碼可以以0開頭或不以0開頭。
接下的部分驗證11位的手機號碼，先從13開始，因為從130-139都有所以可選區(qū)間是[0-9]，15開頭的號碼沒有154所以[]里面沒有4這個數字，當然也可以寫成[0-35-9]，下面18和14開的號碼同上。
小括號括起來的代表一個子表達式，里面是4個可選分支分別用“|”來區(qū)分開來，在正則中“|”的優(yōu)先級是最低的，這里每個分支匹配的都是3個字符（一個[]只能匹配一個字符，里面是可選的意思），也就是手機號碼的前3位數字，那么后面還有8位數字需要匹配，可以是0-9的任意字符，所以是“[0-9]{8}”，{}中的數字代表匹配前面字符的個數。
感謝各位的閱讀，以上就是“JavaScript正則表達式驗證代碼”的內容了，經過本文的學習后，相信大家對JavaScript正則表達式驗證代碼這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！
分享題目：JavaScript正則表達式驗證代碼
網頁URL：http://muchs.cn/article26/pihicg.html
成都網站建設公司_創(chuàng)新互聯，為您提供網站導航、建站公司、手機網站建設、用戶體驗、網站設計公司、外貿建站
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
- 鳳陽全網營銷推廣都有哪些推廣方式 2020-12-11
- 全網營銷對公司有何意義? 2014-07-07
- 如何利用問答平臺來做全網營銷？ 2015-08-06
- 對于中小企業(yè)來說應如何做好全網營銷? 2015-08-27
- 全網營銷型網站與傳統(tǒng)企業(yè)網站有何區(qū)別 2016-10-13
- 做一個全網營銷網站費用是多少? 2015-06-18
- 全網營銷推廣的發(fā)展趨勢是怎樣的？ 2015-06-22
- 網站建設全網營銷的轉型速度 2016-10-28
- 全網營銷的網站建設有哪些特點？ 2016-11-12
- 有利于全網營銷的網站建設及運營服務體系 2016-11-08
- 全網營銷你到底知道幾點 2016-09-07
- 全網營銷型網站助企業(yè)決勝未來 2014-04-05