php+javascript实现用户注册模块（附源码）

php+javascript实现用户注册模块（附源码）

一、功能介绍

使用语言： html ＋ javascript + ajax + php

后端数据库：MySQL 

(* 这里不涉及到样式)

成功注册流程：

①  注册页面(register.html)，该页面提供一个 form表单，收集用户信息。

②  提交后转到register.php页面，利用php将注册信息添加到数据库中。

二、实现代码

（1） 创建MySql数据库中的用户信息表

需求：创建用户信息表:

代码：

CREATE TABLE xxx_user(
  uid INT PRIMARY KEY AUTO_INCREMENT,
  uname VARCHAR(32),
  upwd VARCHAR(32),
  email VARCHAR(64),
  phone VARCHAR(16),
  gender INT     #性别  0-女  1-男
);

（2） HTML页面布局代码

需求：创建一个register.html（非ajax），提供以下控件（表单）——

● 登录名称-文本框

● 登录密码-密码框

● 确认密码-密码框

● 用户邮箱-电子邮件

● 联系方式-文本框

● 用户性别-下拉框

● 注册按钮

代码

    
    
    

        登录名称：
        
        
        
    
    
    

        登录密码：
        
    
    
    

        确认密码：
        
        
        
    
    
    

        电子邮箱：
        
    
    
    

        手机号码：
    
    
    

        用户性别：
        
            男
            女
        
        
    
    
    

        
        
    

（3） 创建register.php

需求：①  在init.php中，封装会重复用到的连接数据库

代码如下：

需求：②  接收register.html提交过来的数据，并插入到数据库，再给出提示
代码如下：
（4） javascript代码
需求：①  封装能重用到的函数
代码如下：
需求：②  实现前端页面中完成验证用户名称的重复性和两次密码是否一致的功能
代码如下：

（5） 验证用户名是否重复的php代码
功能：接受前端传来的uname值，查询数据库中是否存在同样的名称，并给出返回提示
代码如下：
感谢大家的阅读，希望大家在查看代码以后可以有所收益。
本文转自：https://blog.csdn.net/weixin_38840741/article/details/80030792
推荐教程：《PHP教程》
以上是php+javascript实现用户注册模块（附源码）的详细内容。更多信息请关注PHP中文网其他相关文章！