PHP開發(fā)基礎(chǔ)教學(xué)之完整的表單實例
一、PHP完整表單實例
本章節(jié)將介紹如何讓使用者在點擊"提交（submit）"按鈕提交資料前保證所有欄位正確輸入。
二、PHP - 在表單中確保輸入值
在使用者點擊提交按鈕後，為確保欄位值是否輸入正確，我們在HTML的input元素中插入新增PHP腳本， 各字段名為: name, email, 和website。 在備註中的 textarea 欄位中，我們將腳本放在 <textarea> 和 </textarea> 標籤之間。
PHP腳本輸出值為： $name, $email, $website, 和 $comment 變數(shù)。
然後，我們同樣需要檢查被選中的單選按鈕， 對於這一點，我們必須設(shè)定好checked屬性(不是radio按鈕的value 屬性) :
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 名字: <input type="text" name="name" value="<?php echo $name;?>"> <span>* <?php echo $nameErr;?></span> <br><br> E-mail: <input type="text" name="email" value="<?php echo $email;?>"> <span>* <?php echo $emailErr;?></span> <br><br> 網(wǎng)址: <input type="text" name="website" value="<?php echo $website;?>"> <span><?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>* <?php echo $genderErr;?></span> <br><br> <input type="submit" name="submit" value="Submit"> </form>
#三、PHP - 完整表單實例
完整程式碼如下，大家可以複製到本地運行，觀察結(jié)果
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>PHP.com</title>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>
<?php
// 定義變量并默認設(shè)置為空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
//判斷是否是通過POST方式提交來的數(shù)據(jù)
if ($_SERVER["REQUEST_METHOD"] == "POST")
{
//判斷是否為空
if (empty($_POST["name"]))
{
$nameErr = "名字是必需的";
}
else
{
//有數(shù)據(jù)傳來，過濾里面的非法字符
$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"]);
}
}
//過濾數(shù)據(jù)的函數(shù)
function test_input($data)
{
//去除用戶輸入數(shù)據(jù)中不必要的字符 (如：空格，tab，換行)。
$data = trim($data);
//去除用戶輸入數(shù)據(jù)中的反斜杠 (\)
$data = stripslashes($data);
//把預(yù)定義的字符轉(zhuǎn)換為 HTML 實體
$data = htmlspecialchars($data);
return $data;
}
?>
<h2>PHP 表單驗證實例</h2>
<p><span>* 必需字段。</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
名字: <input type="text" name="name" value="<?php echo $name;?>">
<span>* <?php echo $nameErr;?></span>
<br><br>
E-mail: <input type="text" name="email" value="<?php echo $email;?>">
<span>* <?php echo $emailErr;?></span>
<br><br>
網(wǎng)址: <input type="text" name="website" value="<?php echo $website;?>">
<span><?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>* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
<?php
echo "<h2>您輸入的內(nèi)容是:</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
?>
</body>
</html>
