php学习笔记-保留表单在用户提交表单后的输入数据

背景:

从之前的例子可以看出,在输入框中填写相应信息之后,点击提交后,输入框中的信息被清除了。本文阐述如何防止表单在用户提交表单后清空所有输入字段。

实施:

如需在用户点击提交按钮后,在输入字段中显示值,我们在以下输入字段的 value 属性中增加了一小段 PHP 脚本:name、email 以及 website。在 comment 文本框字段中,我们把脚本放到了 之间。这些脚本输出 $name、$email、$website 和 $comment变量的值。
然后,对于单选按钮,我们还需要显示选中了哪个单选按钮。对此,我们必须操作 checked 属性(而非单选按钮的 value 属性):

   姓名:<input type="text" name="name" value="">
   <span class="error">*  echo $nameErr;?>span>
   <br><br>
   电邮:<input type="text" name="email" value="">
   <span class="error">*  echo $emailErr;?>span>
   <br><br>
   网址:<input type="text" name="website" value="">
   <span class="error"> echo $websiteErr;?>span>
   <br><br>
   评论:<textarea name="comment" rows="5" cols="40"> echo $comment;?>textarea>//注意这里的添加
   <br><br>
   性别:
  <input type="radio" name="gender" 
     if (isset($gender) && $gender=="female") echo "checked";?>
    value="female">女性
   <input type="radio" name="gender" 
     if (isset($gender) && $gender=="male") echo "checked";?>
    value="male">男性

完整的表单实例


 
<html>
<head>
<style>
.error {color: #FF0000;}
style>
head>
<body> 
<meta charset=utf-8>

// 定义变量并设置为空值
$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 = "无效的 email 格式"; 
     }
   }

   if (empty($_POST["website"])) {
     $website = "";
   } else {
     $website = test_input($_POST["website"]);
     // 检查 URL 地址语法是否有效(正则表达式也允许 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_SELF"]);?>"> 
   姓名:<input type="text" name="name" value="">
   <span class="error">*  echo $nameErr;?>span>
   <br><br>
   电邮:<input type="text" name="email" value="">
   <span class="error">*  echo $emailErr;?>span>
   <br><br>
   网址:<input type="text" name="website" value="">
   <span class="error"> echo $websiteErr;?>span>
   <br><br>
   评论:<textarea name="comment" rows="5" cols="40"> echo $comment;?>textarea>//注意这里的添加
   <br><br>
   性别:
  <input type="radio" name="gender" 
     if (isset($gender) && $gender=="female") echo "checked";?>
    value="female">女性
   <input type="radio" name="gender" 
     if (isset($gender) && $gender=="male") echo "checked";?>
    value="male">男性
   <span class="error">*  echo $genderErr;?>span>
   <br><br>
   <input type="submit" name="submit" value="提交"> 
form>


echo "

您的输入:

"
; echo $name; echo "
"
; echo $email; echo "
"
; echo $website; echo "
"
; echo $comment; echo "
"
; echo $gender; ?>
body>
html>

运行结果:

在输入框输入对应的信息之后,点击提交结果如下图所示:
php学习笔记-保留表单在用户提交表单后的输入数据_第1张图片
从中可以看出,用户提交表单后的输入数据仍然保留下,而不会像之前那样被清空。

你可能感兴趣的:(php)