js实现登录和注册功能
更新时间:2021年9月22日10:17:07 作者:不忘初心
本文主要详细介绍js的登录和注册功能。文中的示例代码非常详细,具有一定的参考价值。有兴趣的朋友可以参考一下
本文示例分享js实现登录和注册功能的具体代码,供大家参考。具体内容如下
1、首先在phpstudy文件中找到一个名为“www”的文件用javascript实现用户登录验证的代码.,并在其中创建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);获取登录名到数据库进行验证;如果验证有问题用javascript实现用户登录验证的代码.,弹出提示将显示;如果验证成功,则用户将名称的副本保存到浏览器;
8、登录成功后可以跳转到我们的主页访问
Document
用户名: | |
密码: | |
确认密码: | |
手机号码: | |
邮箱: | |
// 连接数据库 $con = mysqli_connect("localhost","root","root","test"); // 查找数据库里面的用户名 $res = mysqli_query($con,"select * from register where username='$username'"); // 查找一个数据库的用户名 $row = mysqli_fetch_assoc($res); // 判断用户名是否存在 if($row){ echo (" alert('用户名已被占用'); location.href='register.html';"); }else{ // 给数据库添加数据 $res = mysqli_query($con,"insert register(username,password,tel,email) values('$username','$password',$tel,'$email')"); // 判断 if($res){ echo (" alert('注册成功'); location.href='land.html';"); }else{ echo (" alert('注册失败请重新注册'); location.href='register.html';"); } }
Document
用户名: | |
密码: | |
<?php header('content-type:text/html;charset=utf8'); $username = $_POST['username']; $password = $_POST['password']; $con = mysqli_connect("localhost","root","root","test"); $res = mysqli_query($con,"select * from register where username = '$username'"); $row = mysqli_fetch_assoc($res); if($row){ if($row['password'] === $password){ setcookie('username',$username); echo (" alert('登陆成功'); location.href='comment.html';"); }else{ echo (" alert('密码错误'); location.href='land.html';"); } }else{ echo (" alert('用户名不存在'); location.href='land.html';"); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
暂无评论内容