20220321

最新推荐文章于 2024-09-16 23:05:35 发布

renchaorenlai

最新推荐文章于 2024-09-16 23:05:35 发布

阅读量80

点赞数

文章标签： html

本文链接：https://blog.csdn.net/renchaorenlai/article/details/123813094

版权

*****注册*****

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/jquery-1.12.4.js"></script>
   </head>
   <body>
       
       
           用户：<input id="yhm" placeholder="6-12位且首字母大写"/><br />
           密码：<input id="mm" type="password" placeholder="6-12位"/><br />
           <button type="submit" οnclick="zhuCe()">注册</button>
       

       <script type="text/javascript">

           function zhuCe(){
               //定义两个数组分别存放用户名和密码
               var cunyhm=new Array(0);
               var cunmm=new Array(0);
               //提取出用户输入的用户名和密码
               var yonghu=document.getElementById("yhm").value;
               var mima=document.getElementById("mm").value;
               var a=0;
               //循环找出用户名数组中是否有已经存在的用户名，有则给a赋值-1
               for (var i = 0; i <= cunyhm.length; i++) {
                   if (yonghu==cunyhm[i]) {
                       a=-1;
                   }
               }
               //按要求用并且&&来判定用户输入的用户名是否符合要求
               if (a==0&&yonghu[0]>="A"&&yonghu[0]<="Z"&&yonghu.length>=6&&yonghu.length<=12) {
                   //再嵌套一个if判断用户输入的密码是否符合要求
                   if (mima.length>=6&&mima.length<=12) {
                       alert("注册成功")//符合要求弹窗成功
                       cunyhm.push(yonghu)//存储用户名
                       cunmm.push(mima)//存储密码
                       window.open("jq0321-2.html?"+cunyhm+"&"+cunmm)
                   }else{
                       alert("密码不符合，注册失败")//密码不符合
                   }
               } else{
                   alert("用户名不符合，注册失败")//用户名不符合
               }

           }






       </script>

*****登录*****

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/jquery-1.12.4.js"></script>
   </head>
   <body>

       用户：<input id="yhm" placeholder="6-12位且首字母大写"/><br />
       密码：<input id="mm" type="password" placeholder="6-12位"/><br />
       <button type="submit" οnclick="dengLu()">登录</button>
       <script type="text/javascript">
           console.log(location.search)
           var name1=location.search.substr(1);
           console.log(name1)
           var unames=name1.split("&");//用&分割name1
           var names=unames[0];//获取uname下标为0的值注册时的用户名
           console.log(names);
           var pasw=unames[1];//获取uname下标为1的值为注册时的密码；
   console.log(pasw);
           function dengLu(){
               //获取用户输入的用户名和密码
               var yhm=document.getElementById("yhm").value;
               var mm=document.getElementById("mm").value;
               //判断用户输入的用户名和密码是否正确
               if (names==yhm) {
                   if (pasw==mm) {
                       alert("登陆成功")
                   }else{
                       alert("密码错误")
                   }
               }else{
                   alert("用户名错误")
               }
           }



       </script>





   </body>
</html>