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

网络编程 2024/11/14 佚名

3 2 1

本文实例为大家分享了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;
}
 
/*账号小于6位数*/
if(form1.username.value.length < 6){
alert("账号位数过小，请输入6-11位数字");
form1.username.focus();
return false;
}
 
/*账号大于11位数*/
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!~@#$%^&*()_+`\-={}:";'<>"密码含有非法字符");
form1.password.focus();
return false;
}
 
/*密码小于6位数*/
if(form1.password.value.length < 6){
alert("密码位数过小，请输入6-16位数字");
form1.password.focus();
return false;
}
 
/*密码大于16位数*/
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>

结果显示：

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

js正则验证登录,js正则表达式验证,js验证登录

标签：

js正则验证登录,js正则表达式验证,js验证登录

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“JavaScript正则表达式验证登录实例”

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

暂无“JavaScript正则表达式验证登录实例”评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新动态

2024年11月14日

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

js正则验证登录,js正则表达式验证,js验证登录

Vue项目中使用flow做类型检测的方法

JS正则表达式验证密码强度

评论“JavaScript正则表达式验证登录实例”

P70系列延期，华为新旗舰将在下月发布

更新动态

友情链接