แบบฟอร์ม PHP - ช่องที่ต้องกรอก
บทนี้แสดงวิธีการกำหนดให้ช่องป้อนข้อมูลจำเป็นและสร้างข้อความแสดงข้อผิดพลาดหากจำเป็น
PHP - ช่องที่ต้องกรอก
จากตารางกฎการตรวจสอบในหน้าก่อนหน้า เราจะเห็นว่าฟิลด์ "ชื่อ" "อีเมล" และ "เพศ" เป็นสิ่งที่จำเป็น ช่องเหล่านี้ต้องไม่ว่างเปล่าและต้องกรอกในรูปแบบ HTML
Field | Validation Rules |
---|---|
Name | Required. + Must only contain letters and whitespace |
Required. + Must contain a valid email address (with @ and .) | |
Website | Optional. If present, it must contain a valid URL |
Comment | Optional. Multi-line input field (textarea) |
Gender | Required. Must select one |
ในบทที่แล้ว ช่องป้อนข้อมูลทั้งหมดเป็นทางเลือก
ในโค้ดต่อไปนี้ เราได้เพิ่มตัวแปรใหม่: $nameErr, $emailErr, $genderErr และ $websiteErr ตัวแปรข้อผิดพลาดเหล่านี้จะเก็บข้อความแสดงข้อผิดพลาดสำหรับฟิลด์ที่จำเป็น เราได้เพิ่มif else
คำสั่งสำหรับตัวแปร $_POST แต่ละตัวด้วย ตรวจสอบว่าตัวแปร $_POST ว่างหรือไม่ (ด้วยempty()
ฟังก์ชัน PHP) หากว่างเปล่า ข้อความแสดงข้อผิดพลาดจะถูกเก็บไว้ในตัวแปรข้อผิดพลาดต่างๆ และหากไม่ว่างเปล่า ก็จะส่งข้อมูลอินพุตของผู้ใช้ผ่านtest_input()
ฟังก์ชัน:
<?php
// define variables and set to empty values
$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 (empty($_POST["email"]))
{
$emailErr = "Email is required";
} 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 = "Gender is required";
} else
{
$gender = test_input($_POST["gender"]);
}
}
?>
PHP - แสดงข้อความแสดงข้อผิดพลาด
จากนั้นในแบบฟอร์ม HTML เราเพิ่มสคริปต์เล็กน้อยหลังจากแต่ละฟิลด์ที่จำเป็น ซึ่งจะสร้างข้อความแสดงข้อผิดพลาดที่ถูกต้องหากจำเป็น (นั่นคือถ้าผู้ใช้พยายามส่งแบบฟอร์มโดยไม่กรอกข้อมูลในฟิลด์ที่จำเป็น):
ตัวอย่าง
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
Name: <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>
Website:
<input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
Comment: <textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
Gender:
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="other">Other
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
ขั้นตอนต่อไปคือการตรวจสอบความถูกต้องของข้อมูลที่ป้อน นั่นคือ "ฟิลด์ชื่อมีเฉพาะตัวอักษรและช่องว่างหรือไม่" และ "ฟิลด์อีเมลมีไวยากรณ์ที่อยู่อีเมลที่ถูกต้องหรือไม่" และหากกรอก " ฟิลด์เว็บไซต์มี URL ที่ถูกต้องหรือไม่"