Forms - Required Fields

พิมมาดา อินทนิล 640710057

Required Fields คืออะไร ?

required fields หรือ ฟิลด์ที่จำเป็น คือ การกำหนดช่องป้อนข้อมูลจำเป็นให้ครบถ้วนและจะแสดงข้อความผิดพลาดเมื่อไม่ได้ป้อนข้อมูลในฟิลด์ที่จำเป็น ช่วยป้องกันไม่ให้ส่งแบบฟอร์มหากฟิลด์เว้นว่างไว้

จากตารางกฎการตรวจสอบ เราจะพบว่าจำเป็นต้องระบุฟิลด์ "ชื่อ" "อีเมล" และ "เพศ" ช่องที่ระบุมาไม่สามารถเว้นว่างได้ และต้องกรอกในรูปแบบ HTML

Field	Validation Rules
ชื่อ	จำเป็น + ต้องมีเฉพาะตัวอักษรและช่องว่างเท่านั้น
อีเมล	จำเป็น + ต้องมีที่อยู่อีเมลที่ถูกต้อง มี @ และ .
เว็บไซต์	ไม่จำเป็น หากมี จะต้องมี URL ที่ถูกต้อง
ความคิดเห็น	ไม่จำเป็น ช่องป้อนข้อมูลหลายบรรทัด (พื้นที่ข้อความ)
เพศ	จำเป็น ต้องเลือกอย่างใดอย่างหนึ่ง

example 1

// 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"]);
  }
}

จากโค้ดตัวอย่าง มีตัวแปร $nameErr, $emailErr, $genderErr, และ$websiteErrตัวแปร error จะเก็บข้อความแสดงข้อผิดพลาดสำหรับฟิลด์ที่จำเป็น นอกจากนี้ if elseคือคำสั่งสำหรับตัวแปรแต่ละตัว ด้วย $_POSTจะทำการตรวจสอบว่า$_POSTตัวแปรนั้นว่างหรือไม่ (ด้วยฟังก์ชัน PHP empty() ) หากว่างเปล่า ข้อความแสดงข้อผิดพลาดจะถูกเก็บไว้ในตัวแปร error ต่างๆ และหากไม่ว่างเปล่า ข้อความดังกล่าวจะส่งข้อมูลอินพุตของผู้ใช้ผ่านฟังก์ชัน test_input()

การแสดงข้อความแสดงข้อผิดพลาด

ในรูปแบบ HTML เราจะเพิ่มสคริปต์ หลังจากแต่ละช่องที่ต้องกรอก ซึ่งจะสร้างข้อความแสดงข้อผิดพลาดที่ถูกต้องเมื่อจำเป็น หากผู้ใช้พยายามส่งแบบฟอร์มโดยไม่กรอกช่องที่ต้องกรอก

example 2

input

PHP

<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>

C

Java

Python

output

PHP

ไม่มีการแสดงข้อความเมื่อไม่กรอกฟิลด์ที่จำเป็น

C

Java

Python

Video Presentation

Slide Presentation

1MB

Required Fields.pdf

Open

Reference

W3Schools. (n.d.). PHP form required. https://www.w3schools.com/php/php_form_required.asp

JavaTpoint. (n.d.). Python string isnumeric() method. https://www.javatpoint.com/python-string-isnumeric-method

JavaTpoint. (n.d.). Java string isEmpty() method. https://www.javatpoint.com/java-string-isempty

GeeksforGeeks. (n.d.). How to perform form validation for a required field in HTML? https://www.geeksforgeeks.org/how-to-perform-form-validation-for-a-required-field-in-html/?ref=header_outind

JavaTpoint. (n.d.). C strlen function. https://www.javatpoint.com/c-strlen