1 PHP 表单和用户输入


PHP 中的 \_GET 和 \ _POST 变量用于检索表单中的信息,比如用户输入。


1.1 PHP 表单处理

有一点很重要的事情值得注意,当处理 HTML 表单时,PHP 能把来自 HTML 页面中的表单元素自动变成可供 PHP 脚本使用。

实例

下面的实例包含了一个 HTML 表单,带有两个输入框和一个提交按钮。

1.2 form.html 文件代码:

<html>
	<head> 
		<meta charset="utf-8">
	</head>
	<body>
		<form action="welcome.php" method="post">
			名字: <input type="text" name="fname">
			年龄: <input type="text" name="age">
			<input type="submit" value="提交">
		</form>
	</body>
</html>

当用户填写完上面的表单并点击提交按钮时,表单的数据会被送往名为 “welcome.php” 的 PHP 文件:

1.3 welcome.php 文件代码:

欢迎
<?php
	echo $_POST["fname"];
?>
<br>
你的年龄是
<?php
	echo $_POST["age"];
?>
岁。

通过浏览器访问演示如下:


1.4 PHP 获取下拉菜单的数据

1.4.1 PHP 下拉菜单单选

以下实例我们设置了下拉菜单三个选项,表单使用 GET 方式获取数据,action 属性值为空表示提交到当前脚本,我们可以通过 select 的 name 属性获取下拉菜单的值:

1.5 php_form_select.php 文件代码:

<?php
	$q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';
    if($q) {
		if($q =='RUNOOB') {
    		echo '菜鸟教程<br>http://www.runoob.com';
        } else if($q =='GOOGLE') {
        	echo 'Google 搜索<br>http://www.google.com'; 
        } else if($q =='TAOBAO') {
        	echo '淘宝<br>http://www.taobao.com'; } 
        } else { 
?>
<form action="" method="get">
	<select name="q"> 
		<option value="">选择一个站点:</option>
		<option value="RUNOOB">Runoob</option> 
		<option value="GOOGLE">Google</option> 
		<option value="TAOBAO">Taobao</option>
	</select>
	<input type="submit" value="提交">
</form>
<?php 
	}
?>

1.5.1 PHP 下拉菜单多选

如果下拉菜单是多选的( multiple=“multiple”),我们可以通过将设置 select name=“q[]” 以数组的方式获取,以下使用 POST 方式提交,代码如下所示:

1.6 php_form_select_mul.php 文件代码:

<?php
    $q = isset($_POST['q'])? $_POST['q'] : '';
	if(is_array($q)) {
        $sites = array( 'RUNOOB' => '菜鸟教程: http://www.runoob.com', 'GOOGLE' => 'Google 搜索: http://www.google.com', 'TAOBAO' => '淘宝: http://www.taobao.com', ); 		foreach($q as $val) {
            // PHP_EOL 为常量,用于换行
            echo $sites[$val] . PHP_EOL; }
    		} else { ?>
 
<form action="" method="post"> 
        <select multiple="multiple" name="q[]">
        <option value="">选择一个站点:</option>
            <option value="RUNOOB">Runoob</option> 
            <option value="GOOGLE">Google</option>
            <option value="TAOBAO">Taobao</option>
		</select> 
            <input type="submit" value="提交">
</form>
 
 
<?php 
	} 
?>

1.7 单选按钮表单

PHP 单选按钮表单中 name 属性的值是一致的,value 值是不同的,代码如下所示:

1.8 php_form_radio.php 文件代码:

<?php
	$q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';
	if($q) {
		if($q =='RUNOOB') {
			echo '菜鸟教程<br>http://www.runoob.com'; 
			} else if($q =='GOOGLE') {
			echo 'Google 搜索<br>http://www.google.com'; 
			} else if($q =='TAOBAO') {
			echo '淘宝<br>http://www.taobao.com'; 
			} 
		} else {
?>
<form action="" method="get">
<input type="radio" name="q" value="RUNOOB"/>Runoob
<input type="radio" name="q" value="GOOGLE" />Google
<input type="radio" name="q" value="TAOBAO" />Taobao
<input type="submit" value="提交">
</form>
<?php 
	} 
?>

1.9 checkbox 复选框

PHP checkbox 复选框可以选择多个值:

1.10 php_form_select_checkbox.php 文件代码:

<?php
	$q = isset($_POST['q'])? $_POST['q'] : '';
    if(is_array($q)) {
    	$sites = array( 'RUNOOB' => '菜鸟教程: http://www.runoob.com', 'GOOGLE' => 'Google 搜索: http://www.google.com', 'TAOBAO' => '淘宝: http://www.taobao.com', );
    foreach($q as $val) {
        // PHP_EOL 为常量,用于换行
    	echo $sites[$val] . PHP_EOL; } 
    } else {
?>
<form action="" method="post">
	<input type="checkbox" name="q[]" value="RUNOOB">Runoob<br> 
	<input type="checkbox" name="q[]" value="GOOGLE">Google<br>
	<input type="checkbox" name="q[]" value="TAOBAO"> Taobao<br>
	<input type="submit" value="提交">
</form>
 
<?php
	} 
?>

2 表单验证

我们应该尽可能的对用户的输入进行验证(通过客户端脚本)。浏览器验证速度更快,并且可以减轻服务器的压力。

如果用户输入需要插入数据库,您应该考虑使用服务器验证。在服务器验证表单的一种好的方式是,把表单的数据传给当前页面(异步提交的方式更好),而不是跳转到不同的页面。这样用户就可以在同一张表单页面得到错误信息。用户也就更容易发现错误了。

2.1 PHP 表单验证

在处理PHP表单时我们需要考虑安全性。 本章节我们将展示PHP表单数据安全处理,为了防止黑客及垃圾信息我们需要对表单进行数据安全验证。

在本章节介绍的HTML表单中包含以下输入字段: 必须与可选文本字段,单选按钮,及提交按钮:

<!DOCTYPE HTML> 
	<html>
		<head>
			<meta charset="utf-8">
	<title>
		菜鸟教程(runoob.com)
	</title>
	<style>
		.error {color: #FF0000;}
	</style>
		</head>
		<body> 
			<?php// 定义变量并默认设置为空值
				$nameErr = $emailErr = $genderErr = $websiteErr = "";
				$name = $email = $gender = $comment = $website = "";
                if($_SERVER["REQUEST_METHOD"] == "POST"){
					if (empty($_POST["name"])){
						$nameErr = "名字是必需的";    
					}else
                    {
						$name = test_input($_POST["name"]);// 检测名字是否只包含字母跟空格
					if (!preg_match("/^[a-zA-Z ]*$/",$name)){
						$nameErr = "只允许字母和空格";
					}    
				}        
					if (empty($_POST["email"])){      
						$emailErr = "邮箱是必需的";    
					}else{        
						$email = test_input($_POST["email"]);// 检测邮箱是否合法 
						if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)){
							$emailErr = "非法邮箱格式";         
						}    
					}        
					if (empty($_POST["website"])){
						$website = "";
					}else{        
						$website = test_input($_POST["website"]);        // 检测 URL 地址是否合法
						if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)){
							$websiteErr = "非法的 URL 的地址";         
						}    
					}
                	if (empty($_POST["comment"])){
						$comment = "";    
					}else{       
						$comment = test_input($_POST["comment"]);
                    }
                    if (empty($_POST["gender"])){       
						$genderErr = "性别是必需的";    
					}else{     
						$gender = test_input($_POST["gender"]);    
					}
					}
function test_input($data){
	$data = trim($data);  
    $data = stripslashes($data); 
	$data = htmlspecialchars($data);
	return $data;
}
?>
	<h2>PHP 表单验证实例</h2>
	<p><span class="error">* 必需字段。</span></p>
	<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
		名字: <input type="text" name="name" value="<?php echo $name;?>"> 
		<span class="error">* <?php echo $nameErr;?></span>  
		<br><br>  
		E-mail: <input type="text" name="email" value="<?php echo $email;?>">  
		<span class="error">*<?php echo $emailErr;?></span> 
		<br><br>  
		网址: <input type="text" name="website" value="<?php echo $website;?>">  
		<span class="error"><?php echo $websiteErr;?></span> 
		<br><br>   
		备注:<textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea> 
	<br><br> 
		性别:<input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?> value="female">  
			 <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?>  value="male">  
		<span class="error">* 
        	<?php 
        		echo $genderErr;
         	?>
    	</span>  
	<br><br>  
		<input type="submit" name="submit" value="Submit">
	</form>
	<?php
		echo "<h2>您输入的内容是:</h2>";
		echo $name;
		echo "<br>";
		echo $email;
		echo "<br>";
		echo $website;
		echo "<br>";
		echo $comment;
		echo "<br>";
		echo $gender;?>
		</body>
	</html>

上述表单验证规则如下:

字段验证规则
名字必须。 +只能包含字母和空格
E-mail必须。 + 必须是一个有效的电子邮件地址(包含’@‘和’.‘)
网址可选。如果存在,它必须包含一个有效的URL
备注可选。多行输入字段(文本域)
性别必须。 必须选择一个

首先让我们先看看纯HTML的表单代码:


2.2 文本字段

“名字”, “E-mail”, 及”网址”字段为文本输入元素,“备注”字段是 textarea。HTML代码如下所示:

“名字”: <input type="text" name="name">
 
E-mail: <input type="text" name="email">
 
网址: <input type="text" name="website">
 
备注: <textarea name="comment" rows="5" cols="40"></textarea>


2.3 单选按钮

“性别”字段是单选按钮,HTML代码如下所示:

性别:
 
<input type="radio" name="gender" value="female">女
 
<input type="radio" name="gender" value="male">男


2.4 表单元素

HTML 表单代码如下所示:

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

该表单使用 method=“post” 方法来提交数据。

什么是 $_SERVER[“PHP_SELF”] 变量?

$_SERVER[“PHP_SELF”]是超级全局变量,返回当前正在执行脚本的文件名,与 document root相关。

所以, $_SERVER[“PHP_SELF”] 会发送表单数据到当前页面,而不是跳转到不同的页面。

什么是 htmlspecialchars()方法?

htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。 预定义的字符是:

  • & (和号) 成为 &amp;

  • ” (双引号) 成为 &quot;

  • ’ (单引号) 成为 &#039;

  • < (小于) 成为 &lt;

  • > (大于) 成为 &gt;


2.5 PHP表单中需引起注重的地方?

$_SERVER[“PHP_SELF”] 变量有可能会被黑客使用!

当黑客使用跨网站脚本的HTTP链接来攻击时,_SERVER[“PHP_SELF”]的字符串就会包含HTTP链接后面的JavaScript程序代码。

XSS又叫 CSS (Cross-Site Script) ,跨站脚本攻击。恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。

指定以下表单文件名为 “test_form.php”:

<form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">

现在,我们使用URL来指定提交地址 “test_form.php”,以上代码修改为如下所示:

<form method="post" action="test_form.php">

这样做就很好了。

但是,考虑到用户会在浏览器地址栏中输入以下地址:

http://www.runoob.com/test_form.php/%22%3E%3Cscript%3Ealert('hacked')%3C/script%3E

以上的 URL 中,将被解析为如下代码并执行:

<form method="post" action="test_form.php/"><script>alert('hacked')</script>

代码中添加了 script 标签,并添加了alert命令。 当页面载入时会执行该Javascript代码(用户会看到弹出框)。 这仅仅只是一个简单的实例来说明PHP_SELF变量会被黑客利用。

请注意, 任何JavaScript代码可以添加在 <script>标签中! 黑客可以利用这点重定向页面到另外一台服务器的页面上,页面代码文件中可以保护恶意代码,代码可以修改全局变量或者获取用户的表单数据。


2.6 如何避免 $_SERVER[“PHP_SELF”] 被利用?

$_SERVER[“PHP_SELF”] 可以通过 htmlspecialchars() 函数来避免被利用。

form 代码如下所示:

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

htmlspecialchars() 把一些预定义的字符转换为 HTML 实体。现在如果用户想利用 PHP_SELF 变量, 结果将输出如下所示:

<form method="post" action="test_form.php/&quot;&gt;&lt;script&gt;alert('hacked')&lt;/script&gt;">

尝试该漏洞失败!


2.7 使用 PHP 验证表单数据

首先我们对用户所有提交的数据都通过 PHP 的 htmlspecialchars() 函数处理。

当我们使用 htmlspecialchars() 函数时,在用户尝试提交以下文本域:

<script>location.href('http://www.runoob.com')</script>

该代码将不会被执行,因为它会被保存为HTML转义代码,如下所示:

&lt;script&gt;location.href('http://www.runoob.com')&lt;/script&gt;

以上代码是安全的,可以正常在页面显示或者插入邮件中。

当用户提交表单时,我们将做以下两件事情:

1. 使用 PHP trim() 函数去除用户输入数据中不必要的字符 (如:空格,tab,换行)。 
2. 使用PHP stripslashes()函数去除用户输入数据中的反斜杠 (\\) 

接下来让我们将这些过滤的函数写在一个我们自己定义的函数中,这样可以大大提高代码的复用性。

将函数命名为 test_input()。

现在,我们可以通过test_input()函数来检测 $_POST 中的所有变量, 脚本代码如下所示:

2.8 实例

<?php 
// 定义变量并默认设置为空值
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
	$name = test_input($_POST["name"]);
	$email = test_input($_POST["email"]);
	$website = test_input($_POST["website"]);
	$comment = test_input($_POST["comment"]);
	$gender = test_input($_POST["gender"]); 
	}
function test_input($data) {
	$data = trim($data);
	$data = stripslashes($data);
	$data = htmlspecialchars($data);
	return $data;
} 
?>

注意我们在执行以上脚本时,会通过$_SERVER[“REQUEST_METHOD”]来检测表单是否被提交 。如果 REQUEST_METHOD 是 POST, 表单将被提交 - 数据将被验证。如果表单未提交将跳过验证并显示空白。

在以上实例中使用输入项都是可选的,即使用户不输入任何数据也可以正常显示。

3 PHP 表单 - 必需字段


本章节我们将介绍如何设置表单必需字段及错误信息。


3.1 PHP - 必需字段

在上一章节我们已经介绍了表的验证规则,我们可以看到”名字”, “E-mail”, 和 “性别” 字段是必需的,各字段不能为空。

字段验证规则
名字必需。 + 只能包含字母和空格
E-mail必需。 + 必需包含一个有效的电子邮件地址(包含”@“和”.“)
网址可选。 如果存在,它必需包含一个有效的URL
备注可选。多行字段(文本域)。
性别必需。必需选择一个。

如果在前面的章节中,所有输入字段都是可选的。

在以下代码中我们加入了一些新的变量: emailErr, websiteErr.。这些错误变量将显示在必需字段上。 我们还为每个_POST 变量是 否为空(使用php的 empty() 函数)。如果为空,将显示对应的错误信息。 如果不为空,数据将传递给test_input() 函数:

<?php
// 定义变量并默认设为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "名字是必需的。";
  } else {
    $name = test_input($_POST["name"]);
  }
  if (empty($_POST["email"])) {
    $emailErr = "邮箱是必需的。";
  } else {
    $email = test_input($_POST["email"]);
  } 
  if (empty($_POST["website"])) {
    $website = "";
  } else {
    $website = test_input($_POST["website"]);
  }
  if (empty($_POST["comment"])) {
    $comment = "";
  } else {
    $comment = test_input($_POST["comment"]);
  }
  if (empty($_POST["gender"])) {
    $genderErr = "性别是必需的。";
  } else {
    $gender = test_input($_POST["gender"]);
  }
}
?>


3.2 PHP - 显示错误信息

在以下的HTML实例表单中,我们为每个字段中添加了一些脚本, 各个脚本会在信息输入错误时显示错误信息。(如果用户未填写信息就提交表单则会输出错误信息):

<form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>"> 
   名字: <input type="text" name="name">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   E-mail: <input type="text" name="email">
   <span class="error">* <?php echo $emailErr;?></span>
   <br><br>
   网址: <input type="text" name="website">
   <span class="error"><?php echo $websiteErr;?></span>
   <br><br>
   备注: <textarea name="comment" rows="5" cols="40"></textarea>
   <br><br>
   性别:
   <input type="radio" name="gender" value="female">女
   <input type="radio" name="gender" value="male">男
   <span class="error">* <?php echo $genderErr;?></span>
   <br><br>
   <input type="submit" name="submit" value="Submit"> 
</form>

4 PHP 表单 - 验证邮件和URL


本章节我们将介绍如何验证 names(名称), e-mails(邮件), 和 URLs。


4.1 PHP - 验证名称

以下代码将通过简单的方式来检测 name 字段是否包含字母和空格,如果 name 字段值不合法,将输出错误信息:

$name = test_input($_POST["name"]);
if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
  $nameErr = "只允许字母和空格"; 
}

preg_match — 进行正则表达式匹配。 语法: int preg_match ( string subject [, array flags ]] ) 在 subject 字符串中搜索与 pattern 给出的正则表达式相匹配的内容。如果提供了 matches ,则其会被搜索的结果所填充。matches[1] 将包含与第一个捕获的括号中的子模式所匹配的文本,以此类推。

4.2 PHP - 验证邮件

以下代码将通过简单的方式来检测 e-mail 地址是否合法。如果 e-mail 地址不合法,将输出错误信息:

$email = test_input($_POST["email"]);
if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
  $emailErr = "非法邮箱格式"; 
}

4.3 PHP - 验证 URL

以下代码将检测URL地址是否合法 (以下正则表达式运行URL中含有破折号:”-”), 如果 URL 地址不合法,将输出错误信息:

$website = test_input($_POST["website"]);
if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
  $websiteErr = "非法的 URL 的地址"; 
}

4.4 PHP - 验证 Name, E-mail, 和 URL

代码如下所示:

<?php
// 定义变量并默认设置为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
 
if ($_SERVER["REQUEST_METHOD"] == "POST") {
   if (empty($_POST["name"])) {
      $nameErr = "Name is required";
      } else {
         $name = test_input($_POST["name"]);
         // 检测名字是否只包含字母跟空格
         if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
         $nameErr = "只允许字母和空格"; 
         }
     }
   
   if (empty($_POST["email"])) {
      $emailErr = "Email is required";
   } else {
      $email = test_input($_POST["email"]);
      // 检测邮箱是否合法
      if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
         $emailErr = "非法邮箱格式"; 
      }
   }
     
   if (empty($_POST["website"])) {
      $website = "";
   } else {
      $website = test_input($_POST["website"]);
      // 检测 URL 地址是否合法
     if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
         $websiteErr = "非法的 URL 的地址"; 
      }
   }
 
   if (empty($_POST["comment"])) {
      $comment = "";
   } else {
      $comment = test_input($_POST["comment"]);
   }
 
   if (empty($_POST["gender"])) {
      $genderErr = "性别是必需的";
   } else {
      $gender = test_input($_POST["gender"]);
   }
}
?>

5 PHP 完整表单实例


本章节将介绍如何让用户在点击”提交(submit)“按钮提交数据前保证所有字段正确输入。


5.1 PHP - 在表单中确保输入值

在用户点击提交按钮后,为确保字段值是否输入正确,我们在HTML的input元素中插添加PHP脚本, 各字段名为: name, email, 和 website。 在备注中的 textarea 字段中,我们将脚本放于 <textarea> 和 </textarea> 标签之间。

PHP脚本输出值为: email, comment 变量。

然后,我们同样需要检查被选中的单选按钮, 对于这一点,我们 必须设置好checked属性(不是radio按钮的 value 属性) :

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 
   名字: <input type="text" name="name" value="<?php echo $name;?>">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   E-mail: <input type="text" name="email" value="<?php echo $email;?>">
   <span class="error">* <?php echo $emailErr;?></span>
   <br><br>
   网址: <input type="text" name="website" value="<?php echo $website;?>">
   <span class="error"><?php echo $websiteErr;?></span>
   <br><br>
   备注: <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>
   <br><br>
   性别:
   <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?>  value="female">女
   <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?>  value="male">男
   <span class="error">* <?php echo $genderErr;?></span>
   <br><br>
   <input type="submit" name="submit" value="Submit"> 
</form>

5.2 PHP - 完整表单实例

以下是完整的PHP表单验证实例代码:

5.3 实例

实例中执行结果类似如下图所示:

img