遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了
<!DOCTYPE html>
<html>
<head>
< charset=\"utf-8\">
< >Regular test</ >
</head>
<body>
用户名:(4-16位,字母、下划线、数字,减号) <br/>
<input type=\"text\" id=\"un\" placeholder=\"4-16位\" >
<input type=\"button\" value=\"test\" =\"userName()\" >
<span id=\"one\"></span>
<br/><hr/>
密码:(最少6位,至少包括一个大写字母、一个小写字母、一个数字、一个特殊字符) <br/>
<input type=\"text\" id=\"pw\" >
<input type=\"button\" value=\"test\" =\"password()\" >
<span id=\"two\"></span>
<br/><hr/>
邮箱:(xxx@xx.xxx)<br/>
<input type=\"text\" id=\"em\" >
<input type=\"button\" value=\"test\" =\"email()\" >
<span id=\"three\"></span>
<br/><hr/>
身份证号:18位,最后一位可以是数字或字母<br/>
<input type=\"text\" id=\"idn\" >
<input type=\"button\" value=\"test\" =\"idNumber()\" >
<span id=\"four\"></span>
< type=\"text/ \">
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=\"正确\";
}
</ >
</body>
</html>
总结
以上所述是小编给大家介绍的JS 正则表达式验证密码、邮箱格式的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时会及时回复大家的!
继续阅读与本文标签相同的文章
-
特斯拉Model Y“将于2020年第一季度”开始生产
2026-05-18栏目: 教程
-
重科技、重创新、重人才 常德高新区连续两年举办高新技术交流会
2026-05-18栏目: 教程
-
iRobot擦地机器人上新,更有意义的是机器人间互动的实现
2026-05-18栏目: 教程
-
科技的不断进步,分享缤越智能领航系统的使用方法
2026-05-18栏目: 教程
-
谷歌发布首款装有雷达的智能手机
2026-05-18栏目: 教程
