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中文網其他相關文章！