js实现登陆与注册功能

本文实例为大家分享了js实现登陆与注册功能的具体代码，供大家参考，具体内容如下

1、首先在phpstudy文件中寻找到一个文件名叫 “www” 的文件  在里面创建html，js，php文件；

2、在Navicat 软件中连接到phpstudy的MySQL；

3、在Navicat 软件中寻找一个数据库 并创建一个表格；

4、书写html代码（如下图1）编写简单的注册表单结构 并通过js 给表单验证；点击注册跳转到php文件中；

5、php代码（如下图2）  首先获取html代码中表单的值 然后查找表单的数据 进行判断  如果用户存在就跳转回到上个html页面  用户名设置成功后数据会自动保存到Navicat 软件中的先前创建的表格中，保存之后跳转到登陆页面；

6、跳转到登陆页面 （如图3）；进入登陆页面后可以输入之前注册的用户名和密码进行验证   验证过程是首先验证用户名是否存在然后验证密码是否正确 ； 用户名不存在跳转回去重新输入 密码不正确提用户 重新输入密码；都正确之后跳转到登陆的php文件中；

7、跳转到登陆的php文件中（如图4）；获取登陆名到数据库中进行验证 ；验证哪里出问题就进行弹窗提示；如果验证成功就把用户名保存一份到浏览器中；

8、登陆成功后就可以跳转到我们的首页进行访问

    
    
    


    

        

            
注册
            

                
用户名：
                

            
            

                
密码：
                

            
            

                
确认密码：
                

            
            

                
手机号码：
                

            
            

                
邮箱：
                

            
            

                

            
        
    

    alert('用户名已被占用');
    location.href='register.html';");
}else{
    // 给数据库添加数据
    $res = mysqli_query($con,"insert register(username,password,tel,email) values('$username','$password',$tel,'$email')");
    // 判断
    if($res){
        echo ("");
    }else{
        echo ("");
    }
}

    
    
    


    

        

            
登陆
            

                
用户名：
                

            
            

                
密码：
                

            
            

                

            
        
    

        alert('登陆成功');
        location.href='comment.html';");
    }else{
        echo ("");
    }
}else{
    echo ("");
}

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