JavaScript正则表达式验证登录实例

时间：2021-05-26

本文实例为大家分享了js正则表达式验证登录的具体代码，供大家参考，具体内容如下

代码片段：

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>qq登录模拟测试</title></head><body><form name="form1" action="#" method="post"> <input type="text" placeholder="账号" name="username" ><br><br> <input type="password" placeholder="密码" name="password" id="pw"> <input type="button" name="" id="btn" value="点击显示" /> <br><br> <input name="Submit" type="button" onClick="check()" value="登录"/></form></body><!--账号密码验证--><script type="text/javascript">function check(){if(form1.username.value==""){alert("账号不能为空");form1.username.focus();return false;} /*含非数字、首字母为0 /^[0-9]*$/*/var number=/^(0|[1-9][0-9]*)$/; var objExp1=new RegExp(number); if(objExp1.test(form1.username.value)==false){alert("账号不能含非数字和首字符为0");form1.username.focus();return false;} if(form1.username.value.length < 6){alert("账号位数过小，请输入6-11位数字");form1.username.focus();return false;} if(form1.username.value.length > 11){alert("账号位数过大，请输入6-11位数字");form1.username.focus();return false;} if(form1.password.value==""){alert("密码不能为空");form1.password.focus();return false;} var illegal=/^[0-9a-zA-Z!~@#$%^&*()_+`\-={}:";'<>?,.\/]*$/g; var objExp2=new RegExp(illegal);if(objExp2.test(form1.password.value)==false){alert("密码含有非法字符");form1.password.focus();return false;} if(form1.password.value.length < 6){alert("密码位数过小，请输入6-16位数字");form1.password.focus();return false;} if(form1.password.value.length > 16){alert("密码位数过大，请输入6-16位数字");form1.password.focus();return false;} form1.submit();}</script> <!--回显密码--><script type="text/javascript"> window.οnlοad=function(){ var btn=document.getElementById("btn"); var password=document.getElementById("pw") btn.οnmοusedοwn=function(){ password.type="text" }; btn.οnmοuseup=btn.οnmοuseοut=function(){ password.type="password" } } </script></html>

结果显示：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

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

相关文章