不少状况下会用到正则表达式,尤为表单提交或者登录的时候,因此,查阅不少资料将经常使用的总结一下!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))