jQuery-前端正则化校验
Published in:2020-09-14 |

邮箱,手机号,密码强度 正则校验

比较常用的正则校验

jQuery-前端正则化校验

失焦校验验证用户名是否为邮箱或手机号

1
<script src="/static/js/jquery.1.4.2-min.js"></script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{#table下的所有的收入框失焦验证信息#}
$('#txt_username').blur(function () {
var re_phone = /^1[34578]\d{9}$/;
var re_email = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9_-])+\.[A-Za-z]{2,3}/;
//根据判断结果相应改变效果
if (re_phone.test($("#txt_username").val()) || re_email.test($("#txt_username").val())) {
$("#spn_username_ok").css('display','inline-block');
$("#spn_username_ok").attr('class','icon_yes');
$("#spn_username_ok").html('');
}else {
$("#spn_username_ok").css('display','inline-block');
$("#spn_username_ok").attr('class','');
$("#spn_username_ok").html('请检查手机号或邮箱的格式!');
}
});

失焦校验密码强弱程度

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
{# 密码强弱 #}
$('#txt_password').blur(function () {
var re_week = /^.*(?=.{6,})(?=.*\d).*$|^.*(?=.{6,})(?=.*[A-Za-z]).*$/;
var re_medium = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Za-z]).*$/;
var re_strong = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Za-z])(?=.*[!@#$%^&*?]).*$/;
var pwd = $("#txt_password").val();
if (pwd.length < 6){
$("#spn_epassword_ok").css('display','none');
$("#spn_epassword_ok").attr('class','icon_wrong');
$("#spnPwdStrong2").css('display','none');
$("#spnPwdStrong1").css('display','none');
$("#spnPwdStrong3").css('display','none');
$("#J_tipPassword").html("密码长度小于6位")
return false
} else if (re_strong.test(pwd)) {
$("#spnPwdStrong3").css('display', 'inline-block');
$("#spnPwdStrong2").css('display','none');
$("#spnPwdStrong1").css('display','none');
$("#J_tipPassword").html('');
$("#spn_epassword_ok").css('display', 'inline-block');
$("#spn_epassword_ok").attr('class', 'icon_yes');
return true
}else if (re_medium.test(pwd)) {
$("#spnPwdStrong2").css('display','inline-block');
$("#spnPwdStrong1").css('display','none');
$("#spnPwdStrong3").css('display','none');
$("#J_tipPassword").html('');
$("#spn_epassword_ok").css('display','inline-block');
$("#spn_epassword_ok").attr('class','icon_yes');
return true
}else if (re_week.test(pwd)){
$("#spnPwdStrong1").css('display','inline-block');
$("#spnPwdStrong2").css('display','none');
$("#spnPwdStrong3").css('display','none');
$("#J_tipPassword").html('');
$("#spn_epassword_ok").css('display','inline-block');
$("#spn_epassword_ok").attr('class','icon_yes');
return true
}
});

比较常用的正则校验

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-” 
var patrn = /^[+]{0,1}(d){1,4}[ ]?([-]?((d)|[ ]){1,12})+$/;
//校验邮政编码
var patrn = /^[a-zA-Z0-9 ]{3,12}$/;
//校验是否IP地址
var patrn = /^[0-9.]{1,20}$/;
//校验密码强弱
var re_week = /^.*(?=.{6,})(?=.*\d).*$|^.*(?=.{6,})(?=.*[A-Za-z]).*$/;
var re_medium = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Za-z]).*$/;
var re_strong = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Za-z])(?=.*[!@#$%^&*?]).*$/;
//校验电话
var re_phone = /^1[34578]\d{9}$/;
//校验email
var re_email = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9_-])+\.[A-Za-z]{2,3}/;


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?
InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$
国内电话号码(0511-4405222、021-87888822):\d{3}-\d{8}|\d{4}-\d{7}
电话号码正则表达式(支持手机号码,3-4位区号,7-8位直播号码,1-4位分机号): ((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)
身份证号(15位、18位数字),最后一位是校验位,可能为数字或字符X:(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)
帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线):^[a-zA-Z]\w{5,17}$
强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在 8-10 之间):^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,10}$
强密码(必须包含大小写字母和数字的组合,可以使用特殊字符,长度在8-10之间):^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
日期格式:^\d{4}-\d{1,2}-\d{1,2}
一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$
一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$
Prev:
jQuery-配送地址下拉框
Next:
Jquery-实现倒计时跳转