前后端交互

最新推荐文章于 2025-10-02 00:01:29 发布

原创最新推荐文章于 2025-10-02 00:01:29 发布 · 254 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#php

本文介绍了如何使用PHP进行表单验证，包括姓名、邮箱、网址的输入检查，以及性别选择的必填项。通过实例展示了HTML与PHP的前后端交互过程，适合初学者练习。

web前后端交互
这里我自己创建了一个表单文件，用来交互信息。

前后端交互

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>shine</title>
		<style>
			.adc{
				color: red;

			}
			}
		</style>
	</head>
	<body>
		
		<?php
			//定义变量并默认值设置为空,所有变量初始化
			$name=$email=$web=$notes=$wm="";
			$nameErr=$emailErr=$webErr=$wmErr="";
			
		//访问页面请求方式  REQUEST请求的意思  METHOD代表交互请求
		if($_SERVER['REQUEST_METHOD']=="POST"){
			
			//传输值进来，判断name值是否为空
			if(empty($_POST["name"])){
				$nameErr = "名字是必填选项";
				
			}else{
				
				//否则传入name值
				$name = abc($_POST["name"]);
				//正则表达式，检测名字是否包含字母和空格/^[a-zA-Z]*$/
				if(!preg_match("/^[a-zA-Z]*$/",$name)){
					$nameErr="名字只能输入字母和空格";
				}
			}
			if(empty($_POST["email"])){
				$emailErr = "请输入邮箱";
				
			}else{
				
				//否则传入email值
				$email = abc($_POST["email"]);
				//正则表达式，检测邮箱是否合法/([\w\-]+@[\w\-]+\.[\w\-+]+)/
				if(!preg_match("/([\w\-]+@[\w\-]+\.[\w\-+]+)/",$email)){
					$emailErr="请输入正确的邮箱";
				}
			}
			
			if(empty($_POST["web"])){
				$webErr = "请填写网址";
				
			}else{
				
				//否则传入web值
				$web = abc($_POST["web"]);
				//正则表达式，检测URL地址是否合法/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i
				if(!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$web)){
					$webErr="请输入正确的网址";
				}
			}
			
			if(empty($_POST["notes"])){
				$notes="";
			}else{
				$notes=abc($_POST["notes"]);
			}
			
			if(empty($_POST["wm"])){
				$wm="性别是必填选项";
			}else{
				$wm=abc($_POST["wm"]);
			}
		}
		
		//构造函数
		function abc($shine){
			$shine=trim($shine);
			$shine=stripslashes($shine);
			$shine=htmlspecialchars($shine);
			return $shine;
		}

		?>
		
		<h1>表单验证</h1>
		<p> <span class="adc">*代表必填选项</span> </p>
		
		<form method="post" action="<?php echo htmlspecialchars($SERVER["PHP_SELF"])?>" >

			名&nbsp &nbsp &nbsp字&nbsp：<input type="text" name="name" value="<?php echo $name;?>"/>
			<span class="adc">*<?php echo $nameErr;?></span>
			<br>
			E-mail&nbsp &nbsp：<input type="text" name="email" value="<?php echo $email;?>"/>
			<span class="adc">*<?php echo $emailErr;?></span>
			<br>
			web地址：<input type="text" name="web" value="<?php echo $web;?>"/>
			<span class="adc">*<?php echo $webErr;?></span>
			<br>
			备注：<br><textarea name="notes" cols="40" rows="5"><?php echo $notes;?></textarea><br>
			性别:<br>
			<input type="radio" name="wm" <?php if(isset($wm) && $wm=="woman") echo "checked" ?> value="woman">女
			<br>
			<input type="radio" name="wm" <?php if(isset($wm) && $wm=="man") echo "checked" ?> value="man">男
			<span class="adc">*<?php echo $wmErr;?></span>
			<br>
			<input type="submit" name="submit" value="submit">
		</form>
		
		<?php 
		echo "<h1>你输入的内容是：</h1>";
		echo $name;
		echo "<br>";
		echo $email;
		echo "<br>";
		echo $web;
		echo "<br>";
		echo $notes;
		echo "<br>";
		echo $wm;
		?>
		
	</body>
</html>