实现注册的综合案例

index

let li=document.querySelector('.xtx_navs li:first-child');

let obj=JSON.parse(localStorage.getItem('data'));

if(obj){

    li.innerHTML=`<a href="#">您好${obj.username}用户!</a>`;

}

register

let icon=document.querySelector('.icon-queren');

icon.addEventListener('click',function(){

    this.classList.toggle('icon-queren2');

})

let submit=document.querySelector('.submit');

submit.addEventListener('click',function(e){

    if(!verifyusername() && !verifyphone() && !verifycode() && !verifypass() && !verifyclirm()){

        alert('请输入正确的数据');

        e.preventDefault();

    } else if(icon.className==='iconfont icon-queren'){

        alert('请同意条款');

        e.preventDefault();

    }else

        alert('注册成功');

    return true;

});

login

let username=document.querySelector('[name=username]');

let password=document.querySelector('[name=password]');

let remember=document.querySelector('.remember');

let dl=document.querySelector('.dl');

dl.addEventListener('click',function(e){

    e.preventDefault();

    if(!remember.checked){

        alert('请同意条款');

        return false;

    }

    let obj={

        username:username.value,

        password:password.value

    }

    localStorage.setItem('data',JSON.stringify(obj));

    location.href='index.html';

})

let obj=JSON.parse(localStorage.getItem('data'));

if(obj){

    username.value=obj.username;

    password.value=obj.password;

    remember.checked=true;

}