遗憾的是博客内容不允许包含js代码,不能在线测试，就只上代码了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Regular Expression test</title>
</head>
<body>
用户名：(4-16位，字母、下划线、数字，减号) <br/>
<input type="text" id="un" placeholder="4-16位" >
<input type="button" value="test" onclick="userName()" >
<span id="one"></span>
<br/><hr/>
密码：(最少6位，至少包括一个大写字母、一个小写字母、一个数字、一个特殊字符) <br/>
<input type="text" id="pw" >
<input type="button" value="test" onclick="password()" >
<span id="two"></span>
<br/><hr/>
邮箱：(xxx@xx.xxx)<br/>
<input type="text" id="em" >
<input type="button" value="test" onclick="email()" >
<span id="three"></span>
<br/><hr/>
身份证号：18位，最后一位可以是数字或字母<br/>
<input type="text" id="idn" >
<input type="button" value="test" onclick="idNumber()" >
<span id="four"></span>
<script type="text/javascript">
function userName(){
var reg=/^\w{4,16}$/;
if( !reg.test( document.getElementById("un").value ) )
document.getElementById("one").innerHTML="不正确";
else
document.getElementById("one").innerHTML="正确";
}
function password(){
var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{6,}$/;
if( !reg.test( document.getElementById("pw").value ) )
document.getElementById("two").innerHTML="不正确";
else
document.getElementById("two").innerHTML="正确";
}
function email(){
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
if( !reg.test( document.getElementById("em").value ) )
document.getElementById("three").innerHTML="不正确";
else
document.getElementById("three").innerHTML="正确";
}
function idNumber(){
var reg=/^\d{17}[A-z|0-9]{1}$/;
if( !reg.test( document.getElementById("idn").value ) )
document.getElementById("four").innerHTML="不正确";
else
document.getElementById("four").innerHTML="正确";
}
</script>
</body>
</html>
总结
以上所述是小编给大家介绍的JS 正则表达式验证密码、邮箱格式的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时会及时回复大家的！
您可能感兴趣的文章:
- JS利用正则表达式实现简单的密码强弱判断实例
- 用户名、密码等15个常用的js正则表达式
- JS正则表达式验证密码格式的集中情况总结
- JS 密码强度校验的正则表达式(简单且好用)
- Javascript校验密码复杂度的正则表达式
- JS正则表达式验证账号、手机号、电话和邮箱是否合法
- 日常收集JS邮箱验证正则表达式
- 比较正宗的验证邮箱的正则表达式js代码详解
