PHP+AJAX实现账号注册和登陆，附可用demo
2024-05-09 10:47:40
前言
登陆和注册已经是网站的标配了，所以这是我们web开发学习过程中必学的了。其实很容易实现，只需要懂数据库的增删改查，还有if_else的条件语句即可做出来。
目录
css--Login-Reg.cssserver--LoginUser.php--RegUser.php--LoginFrom.html
--RegForm.html
注册
RegForm.html
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>用户注册</title><link rel="stylesheet" type="text/css" href="css/Login-Reg.css">
</head>
<body><h2 id="Reg-text">用户注册</h2><div id="Form-con"><form id="form1" onsubmit="return false" action="##" method="post"><input type="text" name="username" class="inputStyle" placeholder="请输入账号"><br/><input type="password" name="password" class="inputStyle" placeholder="请输入密码"><br/><input type="password" name="cpassword" class="inputStyle" placeholder="请确认密码"><br/><input type="submit" class="btnStyle" value="注册" onclick="RegUser()"></div><div id="Result"></div></form>
</body>
<!-- AJAX提交表单 -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript">function RegUser() {$.ajax({type: "POST",//方法url: "../server/RegUser.php" ,//表单接收urldata: $('#form1').serialize(),success: function (data) {//提交成功var result=document.getElementById("Result");result.innerHTML=data[0].result;//注册后跳转if (data[0].result == "注册成功") {location.href="LoginFrom.html";}},error : function(data) {//提交失败var result=document.getElementById("Result");result.innerHTML="连接服务器失败";}});}</script>
</html>RegUser.php
<?php
header("Content-type:application/json");
// 注册账号验证$username = $_POST["username"];//获取表单POST过来的用户名
$password = $_POST["password"];//获取表单POST过来的密码
$cpassword = $_POST["cpassword"];//获取表单POST过来的重复密码//表单过滤$user = trim($username);//过滤空格
$psw = trim($password);//过滤空格
$cpsw = trim($cpassword);//过滤空格//开始判断if($user == "" && $psw == "" && $cpsw == ""){echo "[{\"result\":\"都还没填呢！\"}]";
}else if($user == "" && $psw == ""){echo "[{\"result\":\"账号和密码都还没填呢\"}]";
}else if ($psw == "" && $cpsw == "") {echo "[{\"result\":\"密码都还没填呢\"}]";
}else if($user == "" && $cpsw == ""){echo "[{\"result\":\"账号和重复密码还没填呢\"}]";
}else if ($user == "") {echo "[{\"result\":\"账号还没填呢\"}]";
}else if ($psw == "") {echo "[{\"result\":\"密码还没填呢\"}]";
}else if ($cpsw == "") {echo "[{\"result\":\"重复密码还没填呢\"}]";
}else if ($psw !== $cpsw) {echo "[{\"result\":\"两次输入密码不一样呢\"}]";
}else if (strlen($user) < 5){echo "[{\"result\":\"账号不能小于5位数\"}]";
}else if (strlen($psw) < 8){echo "[{\"result\":\"密码不能小于8位数\"}]";
}else if (preg_match('/^[\x{4e00}-\x{9fa5}]+$/u', $user)>0){echo "[{\"result\":\"账号不能为中文\"}]";
}else if (preg_match('/[\x{4e00}-\x{9fa5}]/u', $user)>0){echo "[{\"result\":\"账号不能存在中文\"}]";
}else if(preg_match("/[\'.,:;*?~`!@#$%^&+=)(<>{}]|\]|\[|\/|\\\|\"|\|/",$user)){echo "[{\"result\":\"账号不能存在特殊符号\"}]";
}else{//生成用户ID，为简单学习，随机生成随机数$uid = rand(10000,99999);//密码MD5加密$md5psw = MD5($psw);// 数据库连接$con = mysql_connect("localhost","root","root");mysql_select_db("test", $con);mysql_query("SET NAMES UTF8");//查询数据库是否有存在该用户$exist = mysql_query("SELECT * FROM userlist WHERE username = '$user'");$exist_result = mysql_num_rows($exist);if($exist_result){//如果存在该用户echo "[{\"result\":\"该账号已被注册\"}]";}else{//插入数据库mysql_query("INSERT INTO userlist (username, password, userid) VALUES ('$user', '$md5psw', '$uid')");echo "[{\"result\":\"注册成功\"}]";}
}
?>登陆
LoginFrom.html
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>用户登陆</title><link rel="stylesheet" type="text/css" href="css/Login-Reg.css">
</head>
<body><h2 id="Reg-text">用户登陆</h2><div id="Form-con"><form id="form1" onsubmit="return false" action="##" method="post"><input type="text" name="username" class="inputStyle" placeholder="请输入账号"><br/><input type="password" name="password" class="inputStyle" placeholder="请输入密码"><br/><input type="submit" class="btnStyle" value="登陆" onclick="LoginUser()"></div><div id="Result"></div></form>
</body>
<!-- AJAX提交表单 -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript">function LoginUser() {$.ajax({type: "POST",//方法url: "../server/LoginUser.php" ,//表单接收urldata: $('#form1').serialize(),success: function (data) {var result=document.getElementById("Result");//提交成功result.innerHTML=data[0].result;if (data[0].result == "登陆成功") {result.innerHTML="登陆成功";}else if (data[0].result == "fail") {result.innerHTML="登陆失败，账号或密码错误";}},error : function(data) {//提交失败的提示词或者其他反馈代码var result=document.getElementById("Result");result.innerHTML="连接服务器失败";}});}</script>
</html>LoginUser.php
<?php
header("Content-type:application/json");
// 注册账号验证$username = $_POST["username"];//获取表单POST过来的用户名
$password = $_POST["password"];//获取表单POST过来的密码//表单过滤$user = trim($username);//过滤空格
$psw = trim($password);//过滤空格//开始判断if($user == "" && $psw == ""){echo "[{\"result\":\"账号和密码都没填呢！\"}]";
}else if ($user == "") {echo "[{\"result\":\"账号还没填呢\"}]";
}else if ($psw == "") {echo "[{\"result\":\"密码还没填呢\"}]";
}else{// 数据库连接$con = mysql_connect("localhost","root","root");mysql_select_db("test", $con);mysql_query("SET NAMES UTF8");//校验MD5密码$md5psw = MD5($psw);//查询数据库账号密码是否一致$exist = mysql_query("SELECT * FROM userlist WHERE username = '$user' AND password = '$md5psw'");$exist_result = mysql_num_rows($exist);if($exist_result){echo "[{\"result\":\"登陆成功\"}]";}else{echo "[{\"result\":\"fail\"}]";}
}
?>数据库
自增id --id --int(11)
用户id --userid -- varchar(32)
用户名 --username -- varchar(32)
密码 --password -- varchar(32)
注册时间 --regtime --timestamp
demo
http://www.likeyunba.com/demo...
Author：TANKING
web:http://likeyunba.com
WeChat:likeyunba520
Date:2019-2-2
PHP+AJAX实现账号注册和登陆，附可用demo相关推荐
- gitLab账号注册，登陆，配置SSH,验证
文章目录 前言 注册账号 登陆 添加SSH 验证配置 前言 本文主要目的是讲述gitlab账号注册,登陆功能,以及如何生成ssh key,并添加ssh key到gitlab中.通过git工具将gitl ...
- java ajax实现分页代码,jQuery实现分页功能（含ajax请求、后台数据、附完整demo）...
需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...
- python获取微信用户基本信息_微信开放平台扫码登录获取用户基本信息！附可用demo...
微信开放平台提供了网站扫码登录的接口,用于获取用户基本信息(头像,昵称)方便网站快速接入微信登录,快捷登录.需要使用登录接口,需要成为微信开放平台认证开发者(300元)才可以获得这个接口权限. 准备工 ...
- Web项目实战 | 购物系统v1.0 | 开发记录（一） | 大学生闲置物品交易系统 | 选择页面模板（附资源），使用 JQuery AJAX实现注册、登陆
文章目录 运行环境 1. 前言 2. 挑选模板 2.1 前端模板 2.2 后端模板 2.3 总结 3. 实现注册与登陆 3.1 项目结构 3.2 注册 3.2.1 JDBC连接池连接 3.2.2 da ...
- 服务器换账号登陆不了怎么办,怎么切换账号 更换账号 注册新的账号小技巧分享给你...
很多玩家喜欢多尝试几种玩法,那么万国觉醒怎么切换账号?切换账号后玩家如何再重新登入游戏?如何在多个账号中快速切换?今天小编就跟大家说说万国觉醒快速切换账号登入游戏的技巧. 一.切换账号介绍 我们常说的 ...
- microsoft账号登陆一直在加载_英雄联盟手游下载，附带拳头账号注册教程
欢迎关注[花卷来了]公众号. 如果喜欢本期节目 请点赞.再看.分享给朋友吧~ 软件资源请回复文章底部今日关键词获取 /排版:萌萌哒花卷 /来源:采集自网络 今日主题:最新英雄联盟手游下载,附带拳头账号 ...
- （翻译）账号注册模式（ Account Registration）
问题概述 想知道活跃用户的身份,以便向他们提供个性化内容或交易的机会. 示例 用途 用于想限制访问特定的内容: 用于想控制哪些用户可以访问内容: 用于需要向用户展示上下文信息时.上下文可能取决于用 ...
- Elasticsearch、Elasticsearch-head、Kibana 安全设置账号密码验证登陆
Elasticsearch.Elasticsearch-head.Kibana 安全设置账号密码验证登陆 我的小站.Github.CSDN X-Pack 是 Elastic Stack 的一个扩展,提 ...
- ue4账号注册不了_英雄联盟手游拳头账号注册
科技改变生活,懒人推进科技,大家好,这里是 爱分享的喵. 英雄联盟手游的公测,准备好一个账号快人一步,避免到时候可以体验的时候,还要一步一步找登陆账号,影响游戏体验 一.打开账号注册页面,页面地址如下 ...
最新文章
- 亚1纳米制程晶体管，一个碳原子栅极厚度：清华重大突破登上Nature
- js笔记 - ajax中的get和post说明
- 学习笔记Flink（七）—— Flink Kafka插件
- 朱棣文在哈佛大学毕业典礼上的演讲
- tornado 表单 post 提交
- idea springBoot 配置devtools实现热部署
- macOS下Apache+nginx+mysql+php多版本切换的配置
- iOS UI-常用控件
- C++ —— C++引用
- ES6学习笔记（三）—— Set 和 Map
- Nginx接受代理协议
- U盘文件系统类型 和 linux 挂载 和 卸载
- psql物化视图自动更新
- Ubuntu16.04下Neo4j图数据库官网安装部署步骤（图文详解）（博主推荐）
- 聚类分析的Matlab 程序—系统聚类（附有案例分析）
- 数字冰雹智慧城市大数据可视化分析决策系统
- unity使用videoplayer播放视频黑屏问题解决方案
- 【个性化联邦学习】Towards Personalized Federated Learning 论文笔记整理
- 【C语言编程】简单密码
- js控制网页动态效果