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

时间:2021-05-26

遗憾的是博客内容不允许包含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 正则表达式验证密码、邮箱格式的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时会及时回复大家的!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章