2. 程式人生 > >小白學習路之js正則表示式

小白學習路之js正則表示式

阿新 • • 發佈：2018-12-14

在JavaScript裡面判斷一個字串是否是電子郵件的格式：

程式碼如下:

if(formname.email.value!=formname.email.value.match(/^\w +[@]\w +[.][\w.] +$/)) 
{ 
alert("您的電子郵件格式錯誤！"); 
formname.email.focus(); 
return false; 
}

javascript的17種正則表示式

"^\\d+$"　　//非負整數（正整數 + 0） 
"^[0-9]*[1-9][0-9]*$"　　//正整數 
"^((-\\d+)|(0+))$"　　//非正整數（負整數 + 0） 
"^-[0-9]*[1-9][0-9]*$"
 
　　//負整數 
"^-?\\d+$"　　　　//整數 
"^\\d+(\\.\\d+)?$"　　//非負浮點數（正浮點數 + 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+)?)|(0+(\\.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+)?$"
 
　　//浮點數 
"^[A-Za-z]+$"　　//由26個英文字母組成的字串 
"^[A-Z]+$"　　//由26個英文字母的大寫組成的字串 
"^[a-z]+$"　　//由26個英文字母的小寫組成的字串 
"^[A-Za-z0-9]+$"　　//由數字和26個英文字母組成的字串 
"^\\w+$"　　//由數字、26個英文字母或者下劃線組成的字串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url

javascript正則表示式檢驗

程式碼如下:

//校驗是否全由數字組成 
function isDigit(s) 
{ 
var patrn=/^[0-9]{1,20}$/; 
if (!patrn.exec(s)) return false    //看輸入的值 是否與正則表示式相匹配;如果 exec 方法沒有找到匹配，則它返回 null。如果它找到匹配，則 exec 方法返回一個數組.
return true 
}
//校驗登入名：只能輸入5-20個以字母開頭、可帶數字、“_”、“.”的字串 
function isRegisterUserName(s) 
{ 
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗使用者姓名：只能輸入1-30個以字母開頭的字串 
function isTrueName(s) 
{ 
var patrn=/^[a-zA-Z]{1,30}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗密碼：只能輸入6-20個字母、數字、下劃線 
function isPasswd(s) 
{ 
var patrn=/^(\w){6,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗普通電話、傳真號碼：可以“+”開頭，除數字外，可含有“-” 
function isTel(s) 
{ 
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/; 
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗手機號碼：必須以數字開頭，除數字外，可含有“-” 
function isMobil(s) 
{ 
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗郵政編碼 
function isPostalCode(s) 
{ 
//var patrn=/^[a-zA-Z0-9]{3,12}$/; 
var patrn=/^[a-zA-Z0-9 ]{3,12}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校驗搜尋關鍵字 
function isSearch(s) 
{ 
var patrn=/^[^`[email protected]#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false 
return true 
}

function isIP(s) //by zergling 
{ 
var patrn=/^[0-9.]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}

正則表示式中的特殊字元：

字元\ 意義：對於字元，通常表示按字面意義，指出接著的字元為特殊字元，\不作解釋。 例如：/b/匹配字元’b’,通過在b 前面加一個反斜槓\，也就是/\b/，則該字元變成特殊字元，表示匹配一個單詞的分界線。

或者： 對於幾個字元，通常說明是特殊的，指出緊接著的字元不是特殊的，而應該按字面解釋。 例如：∗是一個特殊字元，匹配任意個字元(包括0個字元)；例如：/a*/意味匹配0個或多個a。

為了匹配字面上的*，在a前面加一個反斜槓；例如：/a\*/匹配'a*'。

字元^ 意義：表示匹配的字元必須在最前邊。 例如：/^A/不匹配"an A,"中的’A’，但匹配"An A."中最前面的’A’。

字元$ 意義：與^類似，匹配最末的字元。 例如：/t$/不匹配"eater"中的’t’，但匹配"eat"中的’t’。

字元* 
意義：匹配*前面的字元0次或n次。 
例如:/bo*/匹配"A ghost booooed"中的'boooo'或"A bird warbled"中的'b'，但不匹配"A goat grunted"中的任何字元。

字元+ 意義：匹配+號前面的字元1次或n次。等價於{1,}。 例如：/a+/匹配"candy"中的’a’和"caaaaaaandy."中的所有’a’。

字元? 意義：匹配?前面的字元0次或1次。 例如：/e?le?/匹配"angel"中的’el’和"angle."中的’le’。

字元. 意義：(小數點)匹配除換行符外的所有單個的字元。 例如：/.n/匹配"nay, an apple is on the tree"中的’an’和’on’，但不匹配’nay’。

字元(x) 意義：匹配’x’並記錄匹配的值。 例如：/(foo)/匹配和記錄"foo bar."中的’foo’。匹配子串能被結果陣列中的素[1], …, [n] 返回，或被RegExp物件的屬性$1, …, $9返回。

字元x|y 意義：匹配’x’或者’y’。 例如：/green|red/匹配"green apple"中的’green’和"red apple."中的’red’。

字元{n} 意義：這裡的n是一個正整數。匹配前面的n個字元。 例如：/a{2}/不匹配"candy,“中的’a’，但匹配"caandy,” 中的所有’a’和"caaandy."中前面的兩個 ‘a’。

字元{n,} 意義：這裡的n是一個正整數。匹配至少n個前面的字元。 例如：/a{2,}不匹配"candy"中的’a’，但匹配"caandy"中的所有’a’和"caaaaaaandy."中的所有’a’

字元{n,m} 意義：這裡的n和m都是正整數。匹配至少n個最多m個前面的字元。 例如：/a{1,3}/不匹配"cndy"中的任何字元，但匹配 “candy,“中的’a’，“caandy,” 中的前面兩個 ‘a’和"caaaaaaandy"中前面的三個’a’，注意：即使"caaaaaaandy” 中有很多個’a’，但只匹配前面的三個’a’即"aaa”。

字元[xyz] 意義：一字元列表，匹配列出中的任一字元。你可以通過連字元-指出一個字元範圍。 例如：[abcd]跟[a-c]一樣。它們匹配"brisket"中的’b’和"ache"中的’c’。

字元[^xyz] 
意義：一字元補集，也就是說，它匹配除了列出的字元外的所有東西。 你可以使用連字元-指出一 字元範圍。 
例如：[^abc]和[^a-c]等價，它們最早匹配"brisket"中的'r'和"chop."中的'h'。

字元[\b] 意義：匹配一個空格(不要與\b混淆)

字元\b 意義：匹配一個單詞的分界線，比如一個空格(不要與[\b]混淆) 例如：/\bn\w/匹配"noonday"中的’no’，/\wy\b/匹配"possibly yesterday."中的’ly’。

字元\B 意義：匹配一個單詞的非分界線 例如：/\w\Bn/匹配"noonday"中的’on’，/y\B\w/匹配"possibly yesterday."中的’ye’。

字元\cX 意義：這裡的X是一個控制字元。匹配一個字串的控制字元。 例如：/\cM/匹配一個字串中的control-M。

字元\d 意義：匹配一個數字，等價於[0-9]。 例如：/\d/或/[0-9]/匹配"B2 is the suite number."中的’2’。

字元\D 意義：匹配任何的非數字，等價於[^0-9]。 例如：/\D/或/[^0-9]/匹配"B2 is the suite number."中的’B’。

字元\f 意義：匹配一個表單符

字元\n 意義：匹配一個換行符

字元\r 意義：匹配一個回車符

字元\s 意義：匹配一個單個white空格符，包括空格，tab，form feed，換行符，等價於[ \f\n\r\t\v]。 例如：/\s\w*/匹配"foo bar."中的’ bar’。

字元\S 意義：匹配除white空格符以外的一個單個的字元，等價於[^ \f\n\r\t\v]。 例如：/\S/\w*匹配"foo bar."中的’foo’。

字元\t 意義：匹配一個製表符

字元\v 意義：匹配一個頂頭製表符

字元\w 意義：匹配所有的數字和字母以及下劃線，等價於[A-Za-z0-9_]。 例如：/\w/匹配"apple,“中的’a’，”$5.28,"中的’5’和"3D."中的’3’。

字元\W 意義：匹配除數字、字母外及下劃線外的其它字元，等價於[^A-Za-z0-9_]。 例如：/\W/或者/[^$A-Za-z0-9_]/匹配"50%."中的’%’。

字元\n 意義：這裡的n是一個正整數。匹配一個正則表示式的最後一個子串的n的值(計數左圓括號)。

例如：/apple(,)\sorange\1/匹配"apple, orange, cherry, peach."中的’apple, orange’，下面有一個更加完整的例子。 注意：如果左圓括號中的數字比\n指定的數字還小，則\n取下一行的八進位制escape作為描述。

字元\ooctal和\xhex 意義：這裡的\ooctal是一個八進位制的escape值，而\xhex是一個十六進位制的escape值，允許在一個正則表示式中嵌入ASCII碼。     採用正則表示式,來去除兩邊的空格

String.prototype.trim = function() 
{ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
}

  ! 移動手機號的校驗

如果採用傳統的校驗方式至少就要完成下面三步的校驗,

(1). 是否是數字

(2).是否是11位

(3).數字的第三位是否是5,6,7,8,9

如果採用正則表示式校驗,只需以下程式碼

程式碼如下:

function checkMobile(form){
	if(form.moblie.value>""){
		var reg = /13[5,6,7,8,9]\d{8}/;
		if(form.mobile.value.match(reg)==null){
			alert("請輸入正確的移動手機號！");
			form.mobile.focus();
			retuen false;
		}
	}
	return true;
}

   ! URL的校驗 條件:必須以http:// 或 https:// 開頭, 埠號必須為在1－65535 之間, 以下程式碼完成了合法性校驗

程式碼如下:

//obj:資料物件 
//dispStr :失敗提示內容顯示字串 
function checkUrlValid( obj, dispStr) 
{ 
if(obj == null) 
{ 
alert("傳入物件為空"); 
return false; 
} 
var str = obj.value;
var urlpatern0 = /^https?:\/\/.+$/i; 
if(!urlpatern0.test(str)) 
{ 
alert(dispStr+"不合法：必須以'http:\/\/'或'https:\/\/'開頭!"); 
obj.focus(); 
return false; 
}

var urlpatern2= /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?.+$/i; 
if(!urlpatern2.test(str)) 
{ 
alert(dispStr+"埠號必須為數字且應在1－65535之間!"); 
obj.focus(); 
return false; 
}


var urlpatern1 =/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i;

if(!urlpatern1.test(str)) 
{ 
alert(dispStr+"不合法,請檢查!"); 
obj.focus(); 
return false; 
}

var s = "0"; 
var t =0; 
var re = new RegExp(":\\d+","ig"); 
while((arr = re.exec(str))!=null) 
{ 
s = str.substring(RegExp.index+1,RegExp.lastIndex);

if(s.substring(0,1)=="0") 
{ 
alert(dispStr+"埠號不能以0開頭!"); 
obj.focus(); 
return false; 
}

t = parseInt(s); 
if(t<1 || t >65535) 
{ 
alert(dispStr+"埠號必須為數字且應在1－65535之間!"); 
obj.focus(); 
return false; 
} 
} 
return true; 
}

對url的校驗,看上去有很多的程式碼,這是因為要給予出錯提示, 否則只需

var urlpatern1 =/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i;

一句就可以校驗出url合法性了       以上內容摘自：W3Cschool 連結地址：js常用的正則表示式

相關推薦

小白學習路之js正則表示式

在JavaScript裡面判斷一個字串是否是電子郵件的格式： 程式碼如下: if(formname.email.value!=formname.email.value.match(/^\w +[@]\w +[.][\w.] +$/)) { alert("您的

小白學習路之原生js實戰--瀑布流

瀑布流效果 這幾天看js視訊的時候學到一個用原生js實現瀑布流的方法。雖然程式碼有點難以理解，但多看幾遍實際操作一下還是有點意思。存個檔 HTML部分程式碼 <!DOCTYPE html> <html lang="en"> <h

小白學習路之HTML元素樣式

呀呀呀~第一次寫部落格呢，有些小激動，以前都只敢看看部落格裡的大佬們的講解，從不敢發言（因為自己太菜，好多都不懂，怕發表了什麼錯誤的言論）。但後來自己慢慢學會轉變“不敢說、不敢做、不敢嘗試”的觀念，現在我希望將自己在學習中學到的有意義的東西都分享出來，好的東西可以供大家參考學

小白學習路之Javascript 面試題

1、什麼是 JavaScript? JavaScript 是客戶端和伺服器端指令碼語言，可以插入到 HTML 頁面中，並且是目前較熱門的 Web 開發語言。同時，JavaScript 也是面向物件程式語言。 類似的基本題目還包括：JavaScript 都有哪些

Python 學習筆記之：正則表示式

一、正則表示式的概念 1.使用單個字串來描述匹配一系列符合某個句法規則的字串； 2.是對字串操作的一種邏輯公式； 3.其應用場景為處理文字和資料； 4.正則表示式的執行過程：依次拿出表示式和文字中的字串比較，如果每個字元都能匹配成功，則匹配成功；否則匹配失敗。 二、re模

js正則表示式學習之

正則表示式 - 語法 正則表示式(regular expression)描述了一種字串匹配的模式（pattern），可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個

Js基礎學習之-- 利用正則表示式驗證 模擬註冊介面

註冊介面 要求：使用者名稱只能是字母或者數字或者下劃線，不能以數字開頭，使用者名稱長度在6到20之間 密碼兩次驗證必須一致，使用者名稱密碼不能為空。 <!DOCTYPE html> <html> <head> <meta h

小白學習Python之路---py檔案轉換成exe可執行檔案

一、背景 今天閒著無事，寫了一個小小的Python指令碼程式，然後給同學炫耀的時候，發現每次都得拉著其他人過來看著自己的電腦螢幕，感覺不是很爽，然後我想著網上肯定有關於Python指令碼轉換成可執行檔案的操作，事不宜遲，我就開始了問度娘，各種尋找資料，發現網上的資料太多了，有一些比較老了，適合Python2

JS學習（六）正則表示式

//3.使用正則表示式   //建立一個正則表示式有兩種方式，一種是藉助 RegExp 物件來建立，另一種方式是使  用正則表示式字面量來建立   //字面量   //var regex&n

JS正則表示式之--?:

使用形如(?:pattern)的正則就可以避免儲存括號內的匹配結果。 ?:匹配冒號後的內容但是不獲取匹配結果；不進行儲存供以後使用  下面這個正則是為了實現只匹配以b或者c開頭的字串，一直匹配到換行字元，但是。可以使用“\1”來反向引用這個括號裡的子 正則表示式所匹配的內容。而且exec方法也會

js正則表示式之match函式

功能：使用正則表示式模式對字串執行查詢，並將包含查詢的結果作為陣列返回  函式格式：stringObj.match(rgExp) stringObj為字串必選 rgExp為正則表示式必選項  返回值：如果能匹配則返回結果陣列，如果不能匹配返回null  使用方法：&nb

PHP小白學習日程之旅

　　我是一名專升本的學生，在這裡偶然接觸了部落格園，我覺得非常好，每天可以在這裡看別人的分享與學習，還會在大學學習倆年，我只想專注的吧自己的技術提高，跟園子裡的朋友們一起學習與分享加油！！！！！！！！！！！！恭喜下我自己升本成功！！ 愛這裡的目的就是要把自己學習到的懂的東西拿出做分享與學習，有時間的話我就把

js正則表示式之來一打例項

前面我們介紹了js的正則表示式，這篇文章我們來實戰一下，用js的正則表示式來寫一些開發上的例項 把數字字元按千位進行逗號分隔: 例如： var numStr = '100000000' var pattern = /(?=(\d{3})+$)/g console.log(numS

js正則表示式之人民幣匹配

   人民幣格式匹配   小寫格式：¥ 符號 和 整數值 與小數3部分組成。   （0）程式碼與執行結果   { // 匹配人民幣 let [reg, info, rmb, result] = [ /^(￥)

Python學習之==>正則表示式

正則表示式（或 RE）是一種小型的、高度專業化的程式語言，它內嵌在Python中，並通過 re 模組實現。正則表示式模式被編譯成一系列的位元組碼，然後由用 C 編寫的匹配引擎執行。 一、普通字元 二、元字元 1、元字元之. ^ $ * + ? { } 1 # 引入正則：進入模糊匹配 2

Android學習之使用正則表示式Pattern與Matcher來判斷字串格式

/** * 主介面 * * @author yuzhentao */ public class MainActivity extends Activity implements View.OnClickListener{ private Context context; privat

JS正則表示式之特殊符號

在正則表示式中，許多標點符號具有特殊含義，比較難記，現歸納備個份： 這些符號有：^ $ . * +  - ? = ! : | \ / ( ) [ ] { } 1.“[ ]”表示字元類： 即括號裡是個字符集：如/[abc]/,表示和含有a,b,c任何一個字母的字串都匹配。 注：特殊字元類：\s表示空格符、製表

通過js正則表示式例項學習正則表示式基本語法

正則表示式又叫規則表示式，一般用來檢查字串中是否有與規則相匹配的子串，達到可以對匹配的子串進行提取、刪除、替換等操作的目的。先了解有哪些方法可以使用正則對字串來實現這些操作：   RegExpObject.test(string)：檢查字串 string 中是否有與 RegExpObject 匹配。

js正則表示式語法

正則表示式規則 普通字元 字母、數字、漢字、下劃線、以及後邊章節中沒有特殊定義的標點符號，都是”普通字元”。表示式中的普通字元，在匹配一個字串的時候，匹配與之相同的一個字元。 舉例1：表示式 “c”，在匹配字串 “abcde” 時，匹配結果是：成功；匹配到的內容是：”c”；匹配到

表單驗證JS正則表示式

在表單驗證中，使用正則表示式來驗證正確與否是一個很頻繁的操作，本文收集整理了15個常用的JavaScript正則表示式，其中包括使用者名稱、密碼強度、整數、數字、電子郵件地址（Email）、手機號碼、身份證號、URL地址、 IPv4地址、 十六進位制顏色、 日期、 QQ號碼、 微訊號、車牌號、中文正則。 1