登录界面源代码

拿走请三联，并注明出处！

没有上传原背景图，使用的话需自己更改图片名称

可连接注册界面，和用户照片墙，此文只有登录界面代码，代码存在些许问题，望观看的大佬们多多指教！

 

    

    

    

 

    

        

            登录

            

---

            

账号

 

            

密码

            

            

 

            

                

                

                忘记密码？

                

            

        

    

    

 

            function jumpRe(){

             window.location.href="re.html";

            }

            document.getElementById("a").onclick = function click(){

      window.location.href="re.html";

    }

 

//判断邮箱格式

        email.onchange = function(){

            var email = this.value;

            var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;

            if(reg.test(email)){

                alert("邮箱格式正确");

            }else{

                alert("邮箱格式不正确");

            }

        }

 

//判断密码格式

        passworld.onchange = function(){

            var passwolrd = this.value;

            var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/;

            if(reg.test(passworld)){

            }else{

                alert("密码格式不正确");

            }

        }

 

        function submit() {

            var pwd1 = document.getElementById("passworld").value;

            var e = document.getElementById("email").value;

            var pwd2=localStorage.getItem("password");

            var e2=localStorage.getItem("email");

            if(pwd1==pwd2&&e==e2)

                window.location.href="照片墙.html";

            else

                alert("账号或密码不正确");

        }