JavaScript

超轻量级php框架startmvc

JS 正则表达式验证密码、邮箱格式的实例代码

更新时间:2020-08-02 21:36:01 作者:startmvc
遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了<!DOCTYPEhtml><html>&

遗憾的是博客内容不允许包含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 正则表达式验证密码 js 正则表达式邮箱 js正则表达式验证邮箱