PHP開發(fā)基礎(chǔ)教程之完整的表單實例
一、PHP完整表單實例
本章節(jié)將介紹如何讓用戶在點擊"提交(submit)"按鈕提交數(shù)據(jù)前保證所有字段正確輸入。
二、PHP - 在表單中確保輸入值
在用戶點擊提交按鈕后,為確保字段值是否輸入正確,我們在HTML的input元素中插添加PHP腳本, 各字段名為: name, email, 和 website。 在備注中的 textarea 字段中,我們將腳本放于 <textarea> 和 </textarea> 標簽之間。
PHP腳本輸出值為: $name, $email, $website, 和 $comment 變量。?
然后,我們同樣需要檢查被選中的單選按鈕, 對于這一點,我們 必須設(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 - 完整表單實例
完整代碼如下,大家可以復(fù)制到本地運行,觀察結(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>