【PHP【实战版】系统性学习】——登录注册页面的教程，让编写PHP注册变成一个简单的事情

最新推荐文章于 2024-05-22 09:15:15 发布
最新推荐文章于 2024-05-22 09:15:15 发布
阅读量1.1k 收藏 57
点赞数 82
分类专栏： PHP程序开发 文章标签： php 学习 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77628600/article/details/138665749
版权

在这里插入图片描述

👨‍💻个人主页：@开发者-曼亿点

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 曼亿点 原创

👨‍💻 收录于专栏：PHP程序开发

⭐🅰⭐

— 请添加图片描述

文章目录

⭐前言⭐

  在Web开发中，表单是用户与网站进行交互的主要方式之一。然而，用户提交的表单数据需要经过验证，以确保数据的完整性、安全性和合法性。PHP作为一种强大的服务器端脚本语言，提供了丰富的工具和函数来实现表单验证。
本文将介绍如何使用PHP对表单数据进行验证，包括验证必填字段、验证邮箱、验证密码、验证数字等常见场景。我们将探讨各种验证技术和最佳实践，以确保您的表单在用户提交之前可以正确验证并返回友好的错误提示信息。
  通过本文的学习，您将掌握PHP表单验证的基础知识，并能够应用这些知识来构建安全可靠的Web应用程序。无论您是初学者还是有一定经验的开发人员，本文都将为您提供有关PHP表单验证的全面指南，帮助您提升Web开发的技能水平。

🎶一、AJAX表单验证

  使用WeUI前端UI框架对其项目进行编写，在UI框架中找到一个合适的登录页面，并进行重新的命名。因为表单提交将会进行页面跳转，因此修改表单提交的方式，改为按钮的提交方式。
给手机输入框和邮箱输入框添加oninput事件，oninput事件在输入框的值发展改变时触发。在手机输入框和邮箱输入框中插入错误提示标签，当输入的手机和邮箱不符合规定时，给出相应的提示，让注册用户立即进行修改，提供用户的体验感。

（1）AJAX表单验证代码展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 让网页的宽度自动适应手机屏幕的宽度 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>用户注册</title>
		 <!-- 引入 本地 css文件 -->
		<link rel="stylesheet" href="css/weui.css"/>
		<link rel="stylesheet" href="jquery-confirm/jquery-confirm.css"/>
		<!-- 引入本地js文件 -->
		<script src="js/jquery-3.6.1.min.js"></script>
		<script src="jquery-confirm/jquery-confirm.js"></script>
		
	</head>
	<body>
	
		<form class="weui-form" id="reg_form">
		<div class="weui-form__text-area">
		  <h2 class="weui-form__title">用户注册</h2>
		</div>
		<div class="weui-form__control-area">
			<div class="weui-cells__group weui-cells__group_form">
				<div class="weui-cells">
					<label class="weui-cell">
						<div class="weui-cell__hd"><span class="weui-label">手机</span></div>
						<div class="weui-cell__bd">
							<input class="weui-input" name="tel" placeholder="填写本人手机号" oninput="change('tel')"/>
						</div>
					</label>
					<div class="cells__tips" id="tel_tip"
						style="padding-left:16px;color:red;font-size:12px" >请输入11位手机号码</div>
					<label class="weui-cell">
						<div class="weui-cell__hd"><span class="weui-label">邮箱</span></div>
						<div class="weui-cell__bd">
							<input class="weui-input" name="email" placeholder="填写本人邮箱"  oninput="change('email')"/>
						</div>
					</label>
					<div class="c                                                                ells__tips" id="email_tip"
						style="padding-left:16px;color:red;font-size:12px" >请输入正确的邮箱格式</div>
					<label class="weui-cell">
						<div class="weui-cell__hd"><span class="weui-label">姓名</span></div>
						<div class="weui-cell__bd">
							<input class="weui-input" name="name" placeholder="填写本人姓名" />
						</div>
					</label>
					<label class="weui-cell">
						<div class="weui-cell__hd"><span class="weui-label">密码</span></div>
						<div class="weui-cell__bd">
							<input class="weui-input" name="password" placeholder="填写六位密码" type="password" />
						</div>
					</label>
					<label class="weui-cell">
						<div class="weui-cell__hd"><span class="weui-label">确认密码</span></div>
						<div class="weui-cell__bd">
							<input class="weui-input" name="repassword" placeholder="请再次输入六位密码"  type="password" />
						</div>
					</label>
				</div>
			</div>
		</div>
		<div class="weui-form__tips-area"></div> <!-- 表单提示 -->
		<div class="weui-form__opr-area">
			<button type="button" class="weui-btn weui-btn_primary" onclick="reg()">立即注册</button>
		</div>
		</form>
		<script>
			// 通过进行验证
			function change(type){
				if(type=='tel')
				{
					//进行号码验证
					var tel=$('#reg_form input[name=tel]').val();
					if(tel.length==11){
						//去数据库中进行验证，该验证号码是否存在（异步提交，通过ajax来进行数据库查询，并且获得返回值）
						$.get(
							"chackTel.php",//URL,表单内容的目的地
							{'tel':tel},//参数
							function(res) {
                            //回调函数,提交表单后的结果
							var obj=$.parseJSON(res);//将结果进行转换
							$("#tel_tip").html(obj.msg);
							}   
						);
					}
				}else if(type=='email'){
                      //进行邮箱验证
					  var email=$('#reg_form input[name=email]').val();
					  var index1=email.indexOf('@');
					  var index2=email.indexOf('.');
					  if(index1>=2&&index2>index1+1)
					  {
						$.get(
                       "chackTel.php",
					   {'email':email},//参数
					   function(res) {
                            //回调函数,提交表单后的结果
							var obj=$.parseJSON(res);//将结果进行转换
							$("#email_tip").html(obj.msg);
							}  
						);
					  }else{
						$('#email_tip').html('请输入正确的邮箱格式');
					  }
				}
			}
		</script>
	</body>
</html>

运行的效果图如下：
在这里插入图片描述

🎶二、手机与邮箱验证

  手机和邮箱验证输入框只要满足JavaScript的验证，就会发生AJAX GET请求，同时将手机和邮箱输入框中的值发送到指定chackTel.php文件，此文件主要获取手机号或邮箱，然后与数据库进行交互，判断是否电话或邮箱被注册，并将返回的结果返回给前端调用页面register.php,前端页面获取返回的数据进行转换，并将结果显示在提示中。
（2）手机和邮箱验证的代码如下：

<?php 
// 接收我们的注册页面，将电话号码到数据库进行验证
$conn=mysqli_connect("localhost","root","123456","shop");
$obj=array("success"=>false,"msg"=>"验证失败");//用户存放处理结果
if(isset($_GET['tel'])){
    $tel=$_GET['tel'];
    $sql="select * from users where tel='$tel'";
    $rs=mysqli_query($conn,$sql);//执行sql文并获取返回结果
    $rows=mysqli_num_rows($rs);//将结果集转换为行数
    if($rows>0){
        $obj=array("success"=>false,"msg"=>"该电话号码已经注册");
    }else{
        $obj=array("success"=>true,"msg"=>" ");
    }
    //处理结果的返回
    echo json_encode($obj);
}else if(isset($_GET['email']))
{
    $email=$_GET['email'];
    $sql="select * from users where email='$email'";
    $rs=mysqli_query($conn,$sql);//执行sql文并获取返回结果
    if(mysqli_num_rows($rs)!=0)
    {
        $obj=array("success"=>false,"msg"=>"存在相同的邮箱");
    }else
    {
        $obj=array("success"=>true,"msg"=>" ");
    }
     //处理结果的返回
     echo json_encode($obj);
}
?>

运行效果图如下：
在这里插入图片描述

🎶三、将数据写入数据库

  将注册用户填写的信息通过AJAX POST提交到指定的PHP文件，PHP文件获取POST中的数据，并使用数据生成一条MySQL 增加语句，执行增加语句后，返回JSON数据给前端页面，前端首页根据返回的数据弹出提示消息。
首先，在register.php中添加一个reg方法，此方法在注册按钮中进行了绑定。reg方法使用了AJAX POST方法提交注册信息，需要注意的是，确实密码可以在JavaScript中进行验证，因此提交到后台PHP中只需一个密码即可。

（3）增加提交方法reg

<script>
			// 通过进行验证
			function change(type){
				if(type=='tel')
				{
					//进行号码验证
					var tel=$('#reg_form input[name=tel]').val();
					if(tel.length==11){
						//去数据库中进行验证，该验证号码是否存在（异步提交，通过ajax来进行数据库查询，并且获得返回值）
						$.get(
							"chackTel.php",//URL,表单内容的目的地
							{'tel':tel},//参数
							function(res) {
                            //回调函数,提交表单后的结果
							var obj=$.parseJSON(res);//将结果进行转换
							$("#tel_tip").html(obj.msg);
							}   
						);
					}
				}else if(type=='email'){
                      //进行邮箱验证
					  var email=$('#reg_form input[name=email]').val();
					  var index1=email.indexOf('@');
					  var index2=email.indexOf('.');
					  if(index1>=2&&index2>index1+1)
					  {
						$.get(
                       "chackTel.php",
					   {'email':email},//参数
					   function(res) {
                            //回调函数,提交表单后的结果
							var obj=$.parseJSON(res);//将结果进行转换
							$("#email_tip").html(obj.msg);
							}  
						);
					  }else{
						$('#email_tip').html('请输入正确的邮箱格式');
					  }
				}
			}
			function reg()
			{
				//提交注册的方法
				//获取表单的全部内容
				var tel=$('#reg_form input[name=tel]').val();
				var email=$('#reg_form input[name=email]').val();
				var name=$('#reg_form input[name=name]').val();
				var pwd=$('#reg_form input[name=password]').val();
				$.post(
					"register_ok.php",
					{
						"name":name,
						"tel":tel,
						"email":email,
						"pwd":pwd
					},
					function(res){
						var obj=$.parseJSON(res);
						if(obj.success){
                         //注册成功
						 $.confirm({
							title:'注册提示',
							content:obj.msg,

							buttons:{
								"确认":function(){
									// $.alert("模拟的登录页面的跳转");
									window.location='del.php';
								}
							}
						 });
						}
					}
				);
			}
		</script>

（4）注册接口

<?php
//接收注册页面中表单的全部内容,插入到数据库中，完成整个注册功能
$conn=mysqli_connect("localhost","root","123456","shop");
$obj=array("success"=>false,"msg"=>"注册失败，请重试");//用户存放处理结果

//取得全部数据
$data=$_POST;
$name=$data['name'];
$tel=$data['tel'];
$email=$data['email'];
$pwd=$data['pwd'];
$md5=md5($pwd);
$sql="insert into users(name,tel,email,pwd) values('$name','$tel','$email','$md5')";
$rs=mysqli_query($conn,$sql);
if($rs){
    $obj=array("success"=>true,"msg"=>"注册成功");
}
echo json_encode($obj);
?>

运行效果图如下：
在这里插入图片描述

🎶（4）模型的查询修改删除操作

结束语🥇

以上就是PHP程序设计
持续更新PHP程序设计教程，欢迎大家订阅系列专栏🔥PHP程序开发你们的支持就是曼亿点创作的动力💖💖💖
请添加图片描述

曼亿点
关注
  • 82
    点赞
  • 踩
  • 57
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 73
    评论
专栏目录
基于php学生信息管理系统——计算机毕业设计
12-17 1464
本毕业设计所描述的学生信息管理系统是采用php，Mysql编写的系统。系统主要实现了：学生档案维护；教师管理；考勤情况；作业完成情况；平时成绩的生成和查询等功能等功能。基于B/S模式的. 本系统通过三种用户类型使用学生信息管理系统，不同类型用户所使用功能不同，管理员能够使用功能的权限最多。教师在成绩查询中能够使用功能最多。学生的功能最基本。系统功能主要包括以下几个部分：学生档案；教师管理；班级管理；考勤情况；作业完成情况；平时成绩的生成和查询等功能。以下按照不同的用户类型对具体功能进行描述。 1 学生 学生
美加PHP新闻聚合系统 v4.0 长尾词SEO版.rar
07-09
选择正确建站软件——从此就像技术型的网站，不再担心自己网站缺乏内容一样。很多站长建站都向sina学习，希望通过大量的内容来吸引流量。其实这样通过内容建设来建站，就是太辛苦。到哪里去弄那么多原创内容去？看到...
【HTML+PHP】阶段性测试——一个简单的登录页面实现根据提交数据进行逻辑判断与页面跳转
Fighting_hawk的博客
02-13 3857
1. 熟悉HTML表单和标签的使用； 2. 熟悉PHP预定义超全局变量的使用； 3. 灵活使用PHP条件控制语句与HTML页面跳转标签。
网络安全入门学习第十五课——PHP基础
p36273的博客
06-10 1769
含义：Web的本意是蜘蛛网，在计算机领域中称为网页构成：它是一个由很多互相链接的超文本文件组成的系统资源：系统中每个有用的文件都称为“资源”，并由“通用资源标识符”（URI）进行定位，这些资源通过超文本传输协议（Hypertext Transfer Protocol，HTTP）传送给用户，用户单击链接即可获得资源。
阶段案例趣PHP网站开发实战,PHP基础案例第16章 阶段案例——趣PHP网站开发实战.ppt...
weixin_32099979的博客
03-22 1503
16.3 案例实现 用户登录与退出——用户退出 打开view\common\top.html文件，修改用户登录后显示的“退出”链接，并在URL参数传递action=logout标识用户退出 在login.php中接收action参数，如果值为logout，表示用户需要退出，清除Session中保存的用户信息即可。 16.3 案例实现 验证码 思考：用户登录时，除了浏览器还有谁可以向服务器提交数据？...
moTzxx-CMS —— [一个基于PHP代码的后台管理系统(ThinkPHP5.1.40)]
热门推荐
u011415782的专栏
02-12 3万+
近期使用 LayUI 的过程中，越发觉得对方的设计理念符合我的审美，主要是后台开发者使用简单；而另一方面，想到作为一名 PHPer 却一直没有一套属于自己的后台管理系统，所以决定花费一些时间，在借鉴官方文档和其他开发者设计思路的前提下，打造一个属于自己的后台管理系统......
零基础学习PHP编程——程序的编写和运行过程
abc1225的博客
05-09 1万+
&gt; 注意： 本文主要写给零基础的同学，作为编程的入门引导, 如有不当之处，还请指正。&gt; 访问源站回顾上一节，我们已经基本了解了计算机程序和程序语言的基础知识，本小节主要想讲讲程序源代码的编写，至程序运行的整个过程，仅限于大致流程的介绍，不深究太具体的细节，让初学者能建立起一个从程序的开发至运行的完整体系即可。一、 如何编写一个计算机程序？上一节中，已经知道了计算机程序就是特定机器指令的...
Vue项目实战 —— 后台管理系统( pc端 ) —— Pro最终版本
技术前端，忠于热爱 @0.活在风浪里
03-23 3258
通用开源后台管理系统
基于PHP电影院选座售票系统设计与实现 开题报告
杭州.黄老师
11-19 2706
基于PHP电影院选座售票系统设计与实现 开题报告
【php毕业设计】基于php+mysql的成绩查询系统设计与实现（毕业论文+程序源码）——成绩查询系统
m0_66238867的博客
06-29 4452
大家好，今天给大家介绍基于php+mysql的成绩查询系统设计与实现，文章末尾附有本毕业设计的论文和源码下载地址哦。文章目录： 项目难度：中等难度 适用场景：相关题目的毕业设计 配套论文字数：7096个字25页 包含内容：整套源码+完整毕业论文+答辩PPT提示：以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。第一章 引言 省略随着Internet的进一步发展,静态Web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的
php程序设计课程大作业——基于PHP、MySQL的web端借还书系统.zip
04-08
诞生于1995年，由Rasmus Lerdorf创建，PHP最初用于简单的网页动态处理，如今已发展成为一款功能齐全、生态丰富的全栈开发工具，支持从网站前端交互到后端业务逻辑、数据库操作乃至API接口开发的全方位需求。...
在线考试系统源码PHP
11-16
——本地搭建不需要，下载一个wamp或者其他集成环境，访问你的电脑内网IP即可多人答题 3.添加题库和学员信息 ——同2，我改成sql读取，不给你sql你能获取？通过读取php文件获取信息=通过sql读取的信息(从数据结果来...
PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1
06-14
实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...
PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2
06-14
实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...
如何构建基因单倍型网络
hgz2020的博客
05-18 657
单倍型分析
PHP反射API与接口的动态分析
最新发布
APItesterCris的博客
05-22 317
PHP的反射（Reflection）API 提供了一种在运行时获取类和对象信息的能力，包括类的方法、属性、接口等。这对于动态分析、构建IDE的自动完成功能、或者进行复杂的元编程非常有用。以下是如何使用PHP反射API进行动态分析的示例代码。
【Web】CISCN 2024初赛 题解(全)
uuzeray的博客
05-21 1137
这里注意细节，靶机发了两次请求，第一次我们就返回一个正常的图片，第二次请求就发一个302，php代码块要用html标签包裹。注意下面这段报错，因为加不了引号，开头是数字的话，就会将类型识别为数字，若后续出现了字符串就会报错。再打sqlite，指定tableName，加载写入的恶意so文件，反弹shell。最后注意要将获取的变量元组转字符串，再用逗号分隔，依次输出，从而绕过seed。考的python栈帧沙箱逃逸，获取到外部的栈帧，就可以用。因为ban了引号，考虑hex2bin，将数字转为字符串。
jenkins插件之xunit
made4971的博客
05-17 369
填写一下命令，这个命令是docker中执行phpunit单元测试，请根据你的实际情况调整php执行文件路径。一章中phpunit.xml中配置的junit生成结果的地址需要保持一致。在测试报告列填写reports/junit.xml , 注意此处地址和。您的项目 - 配置 - Build Steps, 新增。您的项目 - 配置 - 构建后操作, 新增。Build Step选择 执行SHELL。超时时间根据实际情况配置。搜索xunit并安装。
php做一个登录注册页面
05-26
好的，以下是一个简单的PHP登录注册页面示例： 首先是注册页面register.php： ```html <!DOCTYPE html> <html> <head> <title>注册页面</title> </head> <body> <h2>注册</h2> <form method="post" action="register.php"> <label>用户名:</label> <input type="text" name="username" required><br><br> <label>密码:</label> <input type="password" name="password" required><br><br> <label>确认密码:</label> <input type="password" name="confirm_password" required><br><br> <input type="submit" name="register" value="注册"> </form> </body> </html> <?php if(isset($_POST['register'])) { $username = $_POST['username']; $password = $_POST['password']; $confirm_password = $_POST['confirm_password']; // 检查密码是否一致 if($password != $confirm_password) { echo "两次输入的密码不一致"; exit; } // 连接数据库 $host = "localhost"; $dbusername = "your_username"; $dbpassword = "your_password"; $dbname = "your_dbname"; $conn = new mysqli ($host, $dbusername, $dbpassword, $dbname); if (mysqli_connect_error()) { die('连接数据库错误 (' . mysqli_connect_errno() . ') ' . mysqli_connect_error()); } else { // 检查用户名是否已经存在 $sql = "SELECT * FROM users WHERE username='$username'"; $result = mysqli_query($conn, $sql); if(mysqli_num_rows($result) > 0) { echo "用户名已存在"; exit; } else { // 插入数据到数据库 $sql = "INSERT INTO users (username, password) VALUES ('$username', '$password')"; if(mysqli_query($conn, $sql)) { echo "注册成功"; } else { echo "注册失败"; } } mysqli_close($conn); } } ?> ``` 接下来是登录页面login.php： ```html <!DOCTYPE html> <html> <head> <title>登录页面</title> </head> <body> <h2>登录</h2> <form method="post" action="login.php"> <label>用户名:</label> <input type="text" name="username" required><br><br> <label>密码:</label> <input type="password" name="password" required><br><br> <input type="submit" name="login" value="登录"> </form> </body> </html> <?php if(isset($_POST['login'])) { $username = $_POST['username']; $password = $_POST['password']; // 连接数据库 $host = "localhost"; $dbusername = "your_username"; $dbpassword = "your_password"; $dbname = "your_dbname"; $conn = new mysqli ($host, $dbusername, $dbpassword, $dbname); if (mysqli_connect_error()) { die('连接数据库错误 (' . mysqli_connect_errno() . ') ' . mysqli_connect_error()); } else { // 检查用户名和密码是否匹配 $sql = "SELECT * FROM users WHERE username='$username' AND password='$password'"; $result = mysqli_query($conn, $sql); if(mysqli_num_rows($result) > 0) { echo "登录成功"; // 设置session session_start(); $_SESSION['username'] = $username; header('Location: home.php'); exit; } else { echo "用户名或密码不正确"; exit; } mysqli_close($conn); } } ?> ``` 最后是登录成功后的主页home.php： ```html <!DOCTYPE html> <html> <head> <title>主页</title> </head> <body> <h2>欢迎 <?php session_start(); echo $_SESSION['username']; ?></h2> <a href="logout.php">退出登录</a> </body> </html> ``` 其中，logout.php是退出登录的页面，可以简单设置为： ```php <?php session_start(); session_unset(); session_destroy(); header('Location: login.php'); exit; ?> ``` 上述示例代码只是一个简单的登录注册页面，实际应用中可能需要更加完善的安全性和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 73
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曼亿点

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值