一考榨、什么是正則表達(dá)式(Regular Expression)
正則表達(dá)式是對(duì)字符串操作的一種邏輯公式跨细,就是用事先定義好的一些特定字符、及這些特定字符的組合河质,組成一個(gè)“規(guī)則字符串”冀惭,這個(gè)“規(guī)則字符串”用來(lái)表達(dá)對(duì)字符串的一種過(guò)濾邏輯( 即用這種方法來(lái)匹配想要的東西)。
二掀鹅、正則表達(dá)式對(duì)象的創(chuàng)建
reg創(chuàng)建正則表達(dá)式對(duì)象散休,以雙斜線括起來(lái);
test() 方法查找字符串中的指定值乐尊。返回值是 true 或 false戚丸。
exec() 方法查找字符串中的指定值。返回值是一個(gè)由指定值科吭、指定值的下標(biāo)和指定值所在的字符串組成的數(shù)組昏滴,如果沒(méi)有發(fā)現(xiàn)匹配,則返回 null对人。
//創(chuàng)建正則表達(dá)式對(duì)象
var reg = /lize/i; //i不區(qū)分大小寫(xiě)
//使用reg判斷字符串是否符合規(guī)則
var res = reg.test("i am lize");
console.log(res);
var res2 = reg.exec('i am lize');
console.log(res2);
console.log(res2.index); //獲取下標(biāo)
以上代碼在控制臺(tái)打印的效果如下:
三谣殊、字符串的方法
search(/haha/) 根據(jù)正則表達(dá)式進(jìn)行查找。參數(shù)是正則表達(dá)式牺弄,返回值為元素的下標(biāo)姻几。
replace(/haha/,"hehe") 根據(jù)正則表達(dá)式進(jìn)行查找替換。第一個(gè)參數(shù)是我們需要替換掉的內(nèi)容,第二個(gè)參數(shù)就是我們替換的內(nèi)容蛇捌。
// 使用字符串的方法
var name = 'lidaze age:18 height: 180';
var num = name.search(/ze/); //參數(shù)為正則表達(dá)式抚恒,返回值為找到的元素的下標(biāo)
console.log(num);
name = name.replace(/\d/g, '0'); //將所有數(shù)字替換為0
console.log(name);
以上代碼在控制臺(tái)打印的效果如下:
四、正則表達(dá)式語(yǔ)法規(guī)則
1络拌、modifiers(修飾詞)
- i 匹配時(shí)忽略大小寫(xiě)
var reg1 = /abc/;
var reg2 = /abc/;
var reg3 = /abc/i;
// var reg3 = /abc/i;
var res1 = reg1.test('32432abc')
var res2 = reg2.test('32432ABC')
var res3 = reg3.test('32432ABC')
console.log(res1,res2,res3);
- g 執(zhí)行時(shí)全局匹配
var string = '32432abc都是寺佛abc'
// 根據(jù)正則表達(dá)式查找字符串
var res1 = string.match(/abc/)
var res2 = string.match(/abc/g)
document.write(res1+'<br/>',res2);
2俭驮、小括號(hào)
- (abc)查找abc這個(gè)單詞
- (abc|(或)bcd|def)查找abc、bcd春贸、def這三個(gè)單詞其中的一個(gè)
var reg1 = /abc/ig
// 查找abc混萝、bcd、def萍恕,其中任意一個(gè)
var reg2 = /abc|bcd|def/ig
var res1 = reg1.test('3243abc')
var res2 = reg2.test('32432DEF')
console.log(res1,res2);
3逸嘀、中括號(hào)
- [12345] 包括1、2允粤、3崭倘、4、5其中的某一個(gè)
- [1-9] 包括所有數(shù)字
// 判斷為純數(shù)字3種方法
var reg1 = /^[0-9]+$/g;
var reg2 = /^[0123456789]+$/g;
var reg3 = /^\d+$/g;
var res1 = reg1.test('3242fdjsfdls')
var res2 = reg2.test('324223423')
var res3 = reg3.test('2492739203455434')
console.log(res1,res2,res3);
- [abc] 包括a类垫、b司光、c其中的一個(gè)
- [a-z] 包括所有的小寫(xiě)字母
- [A-Z] 包括所有的大寫(xiě)字母
- [A-z] 包括所有的字母
// 判斷為純字母3種方法
var reg1 = /^[a-z]+$/gi;
var reg2 = /^[abcdefghijklmnopqrstuvwxyz]+$/gi;
var reg3 = /^[A-z]+$/g;
var res1 = reg1.test('sfdHHDOODsdsfdls')
var res2 = reg2.test('Ahdudskfhsk')
var res3 = reg3.test('sfkshkUHHDKUUSUHOEOEJ')
console.log(res1,res2,res3);
4、元字符
- · 代表任何字符 **(注意:如果需要加·的時(shí)候需要進(jìn)行轉(zhuǎn)義悉患,方法為\·) **飘庄。
- \w任何字母、數(shù)字购撼、下劃線。
- \W然和非字母谴仙、數(shù)字迂求、下劃線。
- \d任何數(shù)字晃跺。
- \D任何非數(shù)字揩局。
- \s空白字符。
- \S非空白字符掀虎。
以下內(nèi)容非重點(diǎn)凌盯,屬于了解內(nèi)容
- \b查找單詞邊界。
- \B查找非單詞邊界烹玉。
- \0查找null字符驰怎。
- \n查找換行符。
- \f查找分頁(yè)符二打。
- \r查找回車(chē)符县忌。
- \t查找制表符。
- \v查找垂直制表符。
4症杏、量詞
- ^n匹配開(kāi)頭為n的字符串装获。
- n$匹配結(jié)尾為n的字符串。
- n+匹配任何包含至少一個(gè)n的字符串厉颤。
- n{x}匹配任何包含x個(gè)n的字符串穴豫。
- n{x,y}匹配任何包含x到y(tǒng)個(gè)n的字符串。
以下內(nèi)容非重點(diǎn)逼友,屬于了解內(nèi)容
- n*匹配任何包含0個(gè)或者多個(gè)n的字符串精肃。
- n?匹配任何包含0個(gè)或1個(gè)n的字符串翁逞。
- 肋杖?= n匹配任何其后緊接指定字符串n的字符串。
- 挖函?状植!n匹配任何其后沒(méi)有緊接字符串n的字符串。
五怨喘、實(shí)例
1津畸、判斷全部數(shù)字
// 判斷為純數(shù)字
var reg = /\D/g; //取反值
var reg = /^[0-9]+$/g;
var reg = /^[0123456789]+$/g;
var reg = /^\d+$/g;
2、判斷文件后綴為pdf
// 判斷pdf后綴
var str = "abc.PDF.pdf";
var reg = /^.+\.pdf$/i;
3必怜、判斷手機(jī)號(hào)
// 判斷手機(jī)號(hào)
var reg = /^((13|18)(\d{9}))$|^(14[57]\d{8})$|^(17[07]\d{8})$|(^15[0-35-9]\d{8}$)/;
4肉拓、判斷郵箱
// 判斷郵箱
var reg = /^\w+@\w+(\.(com|cn|net|org|edu)){1,2}$/g;
5、判斷IP地址
// 判斷IP地址
var str = "1.0.0.0";
var reg = /^([1-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])){3}$/;
六梳庆、常用正則表達(dá)式
整數(shù)或者小數(shù):^[0-9]+.{0,1}[0-9]{0,2}$
只能輸入數(shù)字:"^[0-9]*$"暖途。
只能輸入n位的數(shù)字:"^\d{n}$"。
只能輸入至少n位的數(shù)字:"^\d{n,}$"膏执。
只能輸入m~n位的數(shù)字:"^\d{m,n}$"
只能輸入零和非零開(kāi)頭的數(shù)字:"^(0|[1-9][0-9]*)$"驻售。
只能輸入有兩位小數(shù)的正實(shí)數(shù):"^[0-9]+(.[0-9]{2})?$"。
只能輸入有1~3位小數(shù)的正實(shí)數(shù):"^[0-9]+(.[0-9]{1,3})?$"更米。
只能輸入非零的正整數(shù):"^+?[1-9][0-9]*$"欺栗。
只能輸入非零的負(fù)整數(shù):"^-[1-9][]0-9"*$。
只能輸入長(zhǎng)度為3的字符:"^.{3}$"征峦。
只能輸入由26個(gè)英文字母組成的字符串:"^[A-Za-z]+$"迟几。
只能輸入由26個(gè)大寫(xiě)英文字母組成的字符串:"^[A-Z]+$"。
只能輸入由26個(gè)小寫(xiě)英文字母組成的字符串:"^[a-z]+$"栏笆。
只能輸入由數(shù)字和26個(gè)英文字母組成的字符串:"^[A-Za-z0-9]+$"类腮。
只能輸入由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串:"^\w+$"蛉加。
驗(yàn)證用戶密碼:"^[a-zA-Z]\w{5,17}$" 正確格式為:以字母開(kāi)頭存哲,長(zhǎng)度在6~18之間因宇,只能包含字符、數(shù)字和下劃線祟偷。
驗(yàn)證是否含有%&',;=?$"等字符:"[%&',;=?$\x22]+"察滑。
只能輸入漢字:"^[\u4e00-\u9fa5]{0,}$"
驗(yàn)證Email地址:"^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$"。
驗(yàn)證InternetURL:
^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
驗(yàn)證電話號(hào)碼:"^((\d{3,4}-)|\d{3.4}-)?\d{7,8}$"正確格式為:"XXX-XXXXXXX"修肠、"XXXX-XXXXXXXX"贺辰、"XXX-XXXXXXX"、"XXX-XXXXXXXX"嵌施、"XXXXXXX"和"XXXXXXXX"饲化。
驗(yàn)證身份證號(hào)(15位或18位數(shù)字):"^\d{15}|\d{18}$"。
驗(yàn)證一年的12個(gè)月:"^(0?[1-9]|1[0-2])$"正確格式為:"01"~"09"和"1"~"12"吗伤。
驗(yàn)證一個(gè)月的31天:"^((0?[1-9])|((1|2)[0-9])|30|31)$"
正確格式為吃靠;"01"~"09"和"1"~"31"。
匹配中文字符的正則表達(dá)式: [\u4e00-\u9fa5]
匹配雙字節(jié)字符(包括漢字在內(nèi)):[^\x00-\xff]
應(yīng)用:計(jì)算字符串的長(zhǎng)度(一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2足淆,ASCII字符計(jì)1)
String.prototype.len=function(){
return this.replace(/[^\x00-\xff]/g,"aa").length;
}
匹配空行的正則表達(dá)式:\n[\s| ]*\r
匹配html標(biāo)簽的正則表達(dá)式:<(.)>(.)</(.)>|<(.)/>
匹配首尾空格的正則表達(dá)式:(^\s)|(\s$)
應(yīng)用:javascript中沒(méi)有像vbscript那樣的trim函數(shù)巢块,我們就可以利用這個(gè)表達(dá)式來(lái)實(shí)現(xiàn),如下:
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}
利用正則表達(dá)式分解和轉(zhuǎn)換IP地址:
下面是利用正則表達(dá)式匹配IP地址巧号,并將IP地址轉(zhuǎn)換成對(duì)應(yīng)數(shù)值的Javascript程序:
function IP2V(ip){
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正則表達(dá)式
if (re.test(ip)) {
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
} else {
throw new Error("Not a valid IP address!")
}
}
不過(guò)上面的程序如果不用正則表達(dá)式族奢,而直接用split函數(shù)來(lái)分解可能更簡(jiǎn)單,程序如下:
var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
匹配Email地址的正則表達(dá)式:\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*
匹配網(wǎng)址URL的正則表達(dá)式:http://([\w-]+.)+[\w-]+(/[\w- ./?%&=]*)?
利用正則表達(dá)式限制網(wǎng)頁(yè)表單里的文本框輸入內(nèi)容:
用正則表達(dá)式限制只能輸入中文:
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
用正則表達(dá)式限制只能輸入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
匹配中文字符的正則表達(dá)式: [\u4e00-\u9fa5]
評(píng)注:匹配中文還真是個(gè)頭疼的事丹鸿,有了這個(gè)表達(dá)式就好辦了
匹配雙字節(jié)字符(包括漢字在內(nèi)):[^\x00-\xff]
評(píng)注:可以用來(lái)計(jì)算字符串的長(zhǎng)度(一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2越走,ASCII字符計(jì)1)
匹配空白行的正則表達(dá)式:\n\s*\r
評(píng)注:可以用來(lái)刪除空白行
匹配HTML標(biāo)記的正則表達(dá)式:<(\S?)[^>]>.?|<.? />
評(píng)注:網(wǎng)上流傳的版本太糟糕,上面這個(gè)也僅僅能匹配部分靠欢,對(duì)于復(fù)雜的嵌套標(biāo)記依舊無(wú)能為力
匹配首尾空白字符的正則表達(dá)式:^\s|\s$
評(píng)注:可以用來(lái)刪除行首行尾的空白字符(包括空格廊敌、制表符、換頁(yè)符等等)门怪,非常有用的表達(dá)式
匹配Email地址的正則表達(dá)式:\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*
評(píng)注:表單驗(yàn)證時(shí)很實(shí)用
匹配網(wǎng)址URL的正則表達(dá)式:[a-zA-z]+://[^\s]*
評(píng)注:網(wǎng)上流傳的版本功能很有限庭敦,上面這個(gè)基本可以滿足需求
匹配帳號(hào)是否合法(字母開(kāi)頭,允許5-16字節(jié)薪缆,允許字母數(shù)字下劃線):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
評(píng)注:表單驗(yàn)證時(shí)很實(shí)用
匹配國(guó)內(nèi)電話號(hào)碼:\d{3}-\d{8}|\d{4}-\d{7}
評(píng)注:匹配形式如 0511-4405222 或 021-87888822
匹配騰訊QQ號(hào):[1-9][0-9]{4,}
評(píng)注:騰訊QQ號(hào)從10000開(kāi)始
匹配中國(guó)郵政編碼:[1-9]\d{5}(?!\d)
評(píng)注:中國(guó)郵政編碼為6位數(shù)字
匹配身份證:\d{15}|\d{18}
評(píng)注:中國(guó)的身份證為15位或18位
匹配ip地址:\d+.\d+.\d+.\d+
評(píng)注:提取ip地址時(shí)有用
匹配特定數(shù)字:
^[1-9]\d$ //匹配正整數(shù)
^-[1-9]\d$ //匹配負(fù)整數(shù)
^-?[1-9]\d$ //匹配整數(shù)
^[1-9]\d|0$ //匹配非負(fù)整數(shù)(正整數(shù) + 0)
^-[1-9]\d|0$ //匹配非正整數(shù)(負(fù)整數(shù) + 0)
^[1-9]\d.\d|0.\d[1-9]\d$ //匹配正浮點(diǎn)數(shù)
^-([1-9]\d.\d|0.\d[1-9]\d)$ //匹配負(fù)浮點(diǎn)數(shù)
^-?([1-9]\d.\d|0.\d[1-9]\d|0?.0+|0)$ //匹配浮點(diǎn)數(shù)
^[1-9]\d.\d|0.\d[1-9]\d|0?.0+|0$ //匹配非負(fù)浮點(diǎn)數(shù)(正浮點(diǎn)數(shù) + 0)
^(-([1-9]\d.\d|0.\d[1-9]\d*))|0?.0+|0$ //匹配非正浮點(diǎn)數(shù)(負(fù)浮點(diǎn)數(shù) + 0)
評(píng)注:處理大量數(shù)據(jù)時(shí)有用,具體應(yīng)用時(shí)注意修正
匹配特定字符串:
^[A-Za-z]+$ //匹配由26個(gè)英文字母組成的字符串
^[A-Z]+$ //匹配由26個(gè)英文字母的大寫(xiě)組成的字符串
^[a-z]+$ //匹配由26個(gè)英文字母的小寫(xiě)組成的字符串
^[A-Za-z0-9]+$ //匹配由數(shù)字和26個(gè)英文字母組成的字符串
^\w+$ //匹配由數(shù)字伞广、26個(gè)英文字母或者下劃線組成的字符串
評(píng)注:最基本也是最常用的一些表達(dá)式
整理出來(lái)的一些常用的正則表達(dá)式所屬分類(lèi): JScript (三)
Email : /^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)$/
isEmail1 : /^\w+([.-]\w+)@\w+([.-]\w+).\w+$/;
isEmail2 : /^.@[^_]*$/;
Phone: /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/
Mobile : /^((\(\d{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])?$/
Currency : /^\d+(.\d+)?$/
Number : /^\d+$/
Code : /^[1-9]\d{5}$/
QQ : /^[1-9]\d{4,8}$/
Integer : /^[-+]?\d+$/
Double : /^[-+]?\d+(.\d+)?$/
English : /^[A-Za-z]+$/
Chinese : /^[\u0391-\uFFE5]+$/
UnSafe : /^(([A-Z]|[a-z]|\d|[-_~!@#$%^&*.()[]{}<>?\/'"]*)|.{0,5})$|\s/
PassWord :^[\w]{6,12}$
ZipCode : ^[\d]{6}
/^(+\d+ )?((\d+) )?[\d ]+$/; //這個(gè)是國(guó)際通用的電話號(hào)碼判斷
/^(1[0-2]\d|\d{1,2})$/; //這個(gè)是年齡的判斷
/^\d+.\d{2}$/; //這個(gè)是判斷輸入的是否為貨幣值
<script language=javascript runat=server>
ip_ip = '(25[0-5]|2[0-4]\d|1\d\d|\d\d|\d)';
ip_ipdot = ip + '\.';
isIPaddress = new RegExp('^'+ip_ipdot+ip_ipdot+ipdot+ip_ip+'$');
</script>
應(yīng)用:計(jì)算字符串的長(zhǎng)度(一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2拣帽,ASCII字符計(jì)1)
String.prototype.len=function(){
return this.replace([^\x00-\xff]/g,"aa").length;
}
應(yīng)用:javascript中沒(méi)有像vbscript那樣的trim函數(shù),我們就可以利用這個(gè)表達(dá)式來(lái)實(shí)現(xiàn)嚼锄,如下:
String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
匹配空行的正則表達(dá)式:\n[\s| ]*\r
匹配HTML標(biāo)記的正則表達(dá)式:/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正則表達(dá)式:(^\s*)|(\s*$)
匹配Email地址的正則表達(dá)式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配網(wǎng)址URL的正則表達(dá)式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
^\d+$ //匹配非負(fù)整數(shù)(正整數(shù) + 0)
^[0-9]*[1-9][0-9]*$ //匹配正整數(shù)
^((-\d+)|(0+))$ //匹配非正整數(shù)(負(fù)整數(shù) + 0)
^-[0-9]*[1-9][0-9]*$ //匹配負(fù)整數(shù)
^-?\d+$ //匹配整數(shù)
^\d+(\.\d+)?$ //匹配非負(fù)浮點(diǎn)數(shù)(正浮點(diǎn)數(shù) + 0)
^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ //匹配正浮點(diǎn)數(shù)
^((-\d+(\.\d+)?)|(0+(\.0+)?))$ //匹配非正浮點(diǎn)數(shù)(負(fù)浮點(diǎn)數(shù) + 0)
^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ //匹配負(fù)浮點(diǎn)數(shù)
^(-?\d+)(\.\d+)?$
六减拭、工具網(wǎng)站
驗(yàn)證正則表達(dá)式
我們寫(xiě)一個(gè)正則表達(dá)式,可以通過(guò)https://regexper.com区丑,來(lái)進(jìn)行驗(yàn)證拧粪。
也可通過(guò)http://jquery.cuishifeng.cn/regexp.html修陡,來(lái)查詢相關(guān)方法
以上內(nèi)容純屬個(gè)人理解,由于水平有限可霎,若有錯(cuò)漏之處敬請(qǐng)指出斧正魄鸦,小弟不勝感激。