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、登陆成功后就可以跳转到我们的首页进行访问

    
 
 
注册
 
用户名：
 
密码：
 
确认密码：
 
手机号码：
 
邮箱：
 

    
 
 
登陆
 
用户名：
 
密码：
 

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