不少狀況下會用到正則表達式,尤爲表單提交或者登錄的時候,因此,查閱不少資料將經常使用的總結一下!javascript
首先來個小democss
<body>
<div class="box">
<input type="text" id="test">
<span></span>
</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var ipP = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;java
var ip1 = /^(\d{1,2})\.(\d{1,2})\.(\d{1,2})\.(\d{1,2})$/; //這個格式xx.xx.xx.xx一次jquery
var ip2 = /^((\d{1,2})\.(\d{1,2})\.(\d{1,2})\.(\d{1,2}\S?)){1,6}$/; //這個格式xx.xx.xx.xx屢次正則表達式
var ip3 = /^(\d{4},?){1,}$/; //這個格式xxxx屢次數組
var ip4 = /^([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}$/; //MAC地址函數
var ip5= /^((ht|f)tps?):\/\/[\w\-]+(\.[\w\-]+)+([\w\-\.,@?^=%&:\/~\+#]*[\w\-\@?^=%&\/~\+#])?$/; //url地址測試
var ip6 =/^[\u4e00-\u9fa5]{4,10}$/; //匹配漢字this
var ip7 =/^[a-zA-Z]{4,10}$/; //匹配英文字母編碼
var ip8 =/^[a-zA-Z0-9]{6,10}$/; //匹配字母數字組成的密碼
var ip9 =/^[a-zA-Z0-9]\w{6,10}$/; //匹配必須以字母或下劃線開始的密碼
$("#test").on("focus",function (){
$(this).next("span").css("color","red").text("*請正確輸入");
});
$("#test").on("blur",function () {
if(ip7.test($(this).val())){
$(this).next("span").css("color","green").text("輸入正確");
}else{
$(this).val("");
$(this).next("span").css("color","red").text("請從新輸入");
}
});
</script>
</body>
經常使用正則表達式的方法:
主要有:test()、search()、match()、replace()等;
1. test() :在字符串中查找符合正則的內容,若查找到返回true,反之返回false.
用法:正則.test(字符串)
例子:判斷是不是數字
var
str =
'374829348791'
;
var
reg = /\D/;
// \D表明非數字
if
( reg.test(str) ){
// 返回true,表明在字符串中找到了非數字。
alert(
'不全是數字'
);
}
else
{
alert(
'全是數字'
);
};
2 .search() :在字符串搜索符合正則的內容,搜索到就返回出現的位置(從0開始,若是匹配的不僅是一個字母,那隻會返回第一個字母的位置), 若是搜索失敗就返回 -1
用法:字符串.search(正則)
在字符串中查找複合正則的內容。忽略大小寫:i——ignore(正則中默認是區分大小寫的 若是不區分大小寫的話,在正則的最後加標識 i )
例子:在字符串中找字母b,且不區分大小寫
如下是再百度中查詢的總結的正則表達式:
1、校驗數字的表達式
1 數字:/^[0-9]*$ /
2 n位的數字:/^\d{n}$/
3 至少n位的數字:/^\d{n,}$ /
4 m-n位的數字:/^\d{m,n}$ /
5 零和非零開頭的數字:/^(0|[1-9][0-9]*)$ /
6 非零開頭的最多帶兩位小數的數字:/^([1-9][0-9]*)+(.[0-9]{1,2})?$ /
7 帶1-2位小數的正數或負數:/^(\-)?\d+(\.\d{1,2})?$ /
8 正數、負數、和小數:/^(\-|\+)?\d+(\.\d+)?$/
9 有兩位小數的正實數:/^[0-9]+(.[0-9]{2})?$/
10 有1~3位小數的正實數:/^[0-9]+(.[0-9]{1,3})?$/
11 非零的正整數:/^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$/
12 非零的負整數:/^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$/
13 非負整數:/^\d+$ 或 ^[1-9]\d*|0$/
14 非正整數:/^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$/
15浮點數:/^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/
2、校驗字符的表達式
1 漢字:/^[\u4e00-\u9fa5]{0,}$ /
2 英文和數字:/^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$ /
3 長度爲3-20的全部字符:/^.{3,20}$ /
4 由26個英文字母組成的字符串:/^[A-Za-z]+$ /
5 由26個大寫英文字母組成的字符串:/^[A-Z]+$ /
6 由26個小寫英文字母組成的字符串:/^[a-z]+$ /
7 由數字和26個英文字母組成的字符串:/^[A-Za-z0-9]+$/
8 由數字、26個英文字母或者下劃線組成的字符串:/^\w+$/ 或 /^\w{3,20}$ /
9 中文、英文、數字包括下劃線:/^[\u4E00-\u9FA5A-Za-z0-9_]+$/
10 中文、英文、數字但不包括下劃線等符號:/^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$/
11 能夠輸入含有^%&',;=?$\"等字符:/[^%&',;=?$\x22]+/
12 禁止輸入含有~的字符:/[^~\x22]+/
3、特殊需求表達式
1 Email地址:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ /
2 域名:/[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.? /
3 InternetURL:/[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$/
4 手機號碼:/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$ /
5 電話號碼("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$
6 國內電話號碼(0511-440522二、021-87888822):\d{3}-\d{8}|\d{4}-\d{7}
7 身份證號(15位、18位數字):/^\d{15}|\d{18}$ /
8 短身份證號碼(數字、字母x結尾):/^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$ /
9 賬號是否合法(字母開頭,容許5-16字節,容許字母數字下劃線):/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/
10 密碼(以字母開頭,長度在6~18之間,只能包含字母、數字和下劃線):/^[a-zA-Z]\w{5,17}$/
11 強密碼(必須包含大小寫字母和數字的組合,不能使用特殊字符,長度在8-10之間):/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/
12 日期格式:/^\d{4}-\d{1,2}-\d{1,2}/
13 一年的12個月(01~09和1~12):/^(0?[1-9]|1[0-2])$/
14 一個月的31天(01~09和1~31):/^((0?[1-9])|((1|2)[0-9])|30|31)$/
15 錢的輸入格式:
1.有四種錢的表示形式咱們能夠接受:"10000.00" 和 "10,000.00", 和沒有 "分" 的 "10000" 和 "10,000":^[1-9][0-9]*$
2.這表示任意一個不以0開頭的數字,可是,這也意味着一個字符"0"不經過,因此咱們採用下面的形式:^(0|[1-9][0-9]*)$
3.一個0或者一個不以0開頭的數字.咱們還能夠容許開頭有一個負號:^(0|-?[1-9][0-9]*)$
4.這表示一個0或者一個可能爲負的開頭不爲0的數字.讓用戶以0開頭好了.把負號的也去掉,由於錢總不能是負的吧.下面咱們要加的是說明可能的小數部分:^[0-9]+(.[0-9]+)?$
5.必須說明的是,小數點後面至少應該有1位數,因此"10."是不經過的,可是 "10" 和 "10.2" 是經過的:^[0-9]+(.[0-9]{2})?$
6.這樣咱們規定小數點後面必須有兩位,若是你認爲太苛刻了,能夠這樣:^[0-9]+(.[0-9]{1,2})?$
7.這樣就容許用戶只寫一位小數.下面咱們該考慮數字中的逗號了,咱們能夠這樣:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$
8.1到3個數字,後面跟着任意個 逗號+3個數字,逗號成爲可選,而不是必須:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$
備註:這就是最終結果了,別忘了"+"能夠用"*"替代若是你以爲空字符串也能夠接受的話(奇怪,爲何?)最後,別忘了在用函數時去掉去掉那個反斜槓,通常的錯誤都在這裏
16 xml文件:/^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$/
17 中文字符的正則表達式:/[\u4e00-\u9fa5]/
18 雙字節字符:[^\x00-\xff] (包括漢字在內,能夠用來計算字符串的長度(一個雙字節字符長度計2,ASCII字符計1))
19 空白行的正則表達式:\n\s*\r (能夠用來刪除空白行)
20 HTML標記的正則表達式:/<(\S*?)[^>]*>.*?</\1>|<.*? /> /(網上流傳的版本太糟糕,上面這個也僅僅能部分,對於複雜的嵌套標記依舊無能爲力)
21 首尾空白字符的正則表達式:^\s*|\s*$或(^\s*)|(\s*$) (能夠用來刪除行首行尾的空白字符(包括空格、製表符、換頁符等等),很是有用的表達式)
22 騰訊QQ號:/[1-9][0-9]{4,} /(騰訊QQ號從10000開始)
23 中國郵政編碼:[1-9]\d{5}(?!\d) (中國郵政編碼爲6位數字) 33 IP地址:\d+\.\d+\.\d+\.\d+ (提取IP地址時有用) 34 IP地址:((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))