1.正則的概念
JS誕生的目的是什麼?
就是爲了作表單驗證。
在JS未出現之前,表單的信息驗證須要傳輸給後臺,讓後臺作數據驗證處理以後,再返回給前端頁面處理的結果。在帶寬有限的狀況下,整個驗證過程很是複雜,且耗時。
1 var str = "asd68asd687as6da78sd123123zcacas" 2 var linshi=''; 3 var arr=[] 4 for(var i = 0 ; i < str .length ; i ++){ 5 if(str.charAt(i)>=0&&str.charAt(i)<=9){ 6 linshi+=str.charAt(i) 7 }else{ 8 if(linshi!=''){ 9 arr.push(linshi) 10 } 11 } 12 } 13 if(linshi!=''){ 14 arr.push(linshi) 15 } 16 console.log(arr)
若是使用正則的方式:
var arr = str.match(/\d+/g);
就能夠完成功能
什麼是正則?
正則表達式(regular expression)是一個描述字符規則的對象。能夠用來檢查一個字符串是否含有某個字符,將匹配的字符作替換或者從某個字符串中取出某個條件的子串等。
2.建立方式
正則的建立方式:
1.構造函數方式
var reg1 = new RegExp("a");
var str = "adassdfsd";
console.log(str.match(reg1)) //輸出匹配a的字符
2.字面量方式
var reg2 = /a/;
console.log(str2.match(reg2)); //輸出匹配a的字符
/ / 是正則表達式的標識符
" " 是字符串的標識符
[ ] 是數組的標識符
{ } 是對象的標識符
正則中的修飾符,寫在正則表達式後面/的後面:
g表示全局匹配,查找全部
i表示忽略大小寫
正則的驗證:
var reg = /[0-9]/;
reg.test(str) //返回爲true表示驗證成功,false表示失敗
3.字符串.replace(oldstr, newstr)函數 和 字符串.match(正則)函數
字符串的replace函數的功能:將老字符串替換成新字符串
能夠利用此函數,將老字符串表示成正則表達式,對字符串進行替換
如:字符串中的abc替換成「哈哈」,若是正則後面沒有g,則只替換一個,若是沒有i,則大寫不會替換
var str = 「abc123abc456abbcdABCefaacbcdbcabc";
var reg = /abc/g;
console.log(str.replace(reg,"哈哈"));
字符串match函數的功能:提取全部的想要的東西
返回一個數組,包含全部符合條件的字符
\d 匹配全部的數字
var reg = /\d/g;
console.log(str.match(reg)) //打印字符串中全部的數字
+ 若干,量詞,表示多少個均可以,至少1個,無上限
var reg = /\d+/g;
console.log(str.match(reg)) //打印字符串中全部的數字,連續
| 或,相似於js中的 ||
var reg = /abc|bbc|cbc|dbc/g
console.log(str.match(reg)); //打印字符串中的abc,bbc,cbc,dbc
var reg = /[a-c]bc/g
[ ] 中元符
var reg = /[a-z]/ //匹配全部字母
[0-9] == \d
^ 排除(除了)
var reg = /[^0-9]/ //表示除了數字以外全部
. 表明全部,不建議使用
var reg = /<.+>/g
console.log(str.replace(reg,"")) //過濾,表示尖括號裏面的東西不要,可是?
正則的貪婪定律:
var reg = /<[^<>]+>/g
console.log(str.replace(reg,"」)) //表示尖括號裏面的東西不要,真
轉義字符:
\d —— [0-9] 數字
\w —— [a-z0-9_] 數字,字母,下劃線
\s —— 空白字符(空格)
\D —— [^0-9] 非數字
\W —— [^a-z0-9_] 非數字,字母,下劃線
\S —— 非空白字符
量詞:限定符,能夠指定正則表達式的一個給定組,必需要出現多少次才能知足匹配
* 匹配前面的子表達式零次或屢次
+ 匹配前面的子表達式至少一次或屢次
? 匹配前面的子表達是零次或一次
{n} 匹配肯定n次
{n,} 至少匹配n次
{n,m} 至少匹配n次,最多匹配m次
注:在限定符後緊跟?,則由貪婪匹配變成非貪婪匹配
qq號驗證規則:
var reg = /[1-9]\d{4,10}/
固化的規則:0411-6666888
開頭爲0或者2的或者三位數字加上-開頭爲非零的八位數字,結尾是1到4的分機號
var reg = /(0\d{2,3}-)?[1-9]\d{7}(-\d{1,4})?/
複雜郵箱的規則:英文數字下劃線@一串英文或數子.一串英文
var reg = /\w+@[a-z0-9]+\.[a-z]+/i
想要校驗怎麼辦?在正則轉義字符前加上\
正則的方法
正則.test(字符串)方法,返回值是true和false
正則.test(字符串)有一個特性,就是隻要字符串的一部分符合要求,那麼就會返回true
解決方法:
^開始
$結束
經常使用檢測案例
1.中文檢測
unicode編碼中文監測:/^[\u2E80-\u9FFF]+$/
2.用戶名檢測
正則:/^[a-z0-9_-]{3,16}$/
3.郵箱檢測
/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
能夠屢次出現 (字母數字下劃線.-)@能夠出現多個(數字字母.-).2到6位字母或.
/^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
能夠有多個(字母數字)可有多個可無(.多個(字母數字))@能夠多個(數字字母可 有1次可無(-數字字母))能夠有多個(1或2個.多個字母)
abc123@123abc.com
4.URL檢測
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/
有1次或0次(http有1次或0次s : //) 能夠多個(數字字母.-) . 2到6位(字母.) 可多個或0個 (能夠多個或0個 /數字字母下劃線.-) 可0或1次/
5.HTML標籤檢測
/^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/
<多個(字母)可多個或0個(除了<的全部字符) />
<多個(字母)可多個或0個(除了<的全部字符)>多個任意字符 </重複第一部分的多個字母>
自定義的html標籤
/<[^<>]+>/g
