Check การกรอกข้อมูลของ Form Control

Check การกรอกข้อมูลของ Form Control

สวัสดีครับ วันนี้เป็นวันเสาร์ที่ 19 มีนาคม เป็นวันหยุดงานสบายๆของหลายท่าน ผมก็เลยเขียนบทความสบายๆไม่ให้เครียดมากกัน เอามาให้ได้อ่าน

เรื่องที่ผมเขียนวันนี้หลายๆท่านคงจะจักรู้ดีกันอยู่แล้ว เอาเป็นว่าผมเขียนเอาไว้สำหรับผู้สนใจและเริ่มต้นที่ศึกษา PHP ละกันครับ
Form Control นี้ก็มีหลายแบบครับ เช่น Text Field, Radio Button, List Menu ,Text area และอีกหลายๆตัว นิยมเอามาใช้ทำแบบฟอร์มต่างๆมากมาย ที่เราเห็นกันบ่อย ก็พวกระบบสมัครสมาชิกหรือแบบฟอร์มสมัครงานออนไลน์

วันนี้ผมเลยเลือกเอา Form Control ที่เค้านิยมใช้กันบ่อยๆ มาทำตัวอย่างให้ดูกันนะครับ

• ประเภทและรูปแบบของ Form Control ที่ผมจะแนะนำวันนี้
  1. Text Field รูปแบบการใช้งาน <input type=”text” name=”ชื่อของ textfield ตัวนี้”>
  2. Radio Button รูปแบบการใช้งาน <input type=”radio” name=”ชื่อของ Radio Button ตัวนี้”>
  3. Checkbox รูปแบบการใช้งาน <input type=”checkbox” name=”ชื่อของ checkbox ตัวนี้” >
  4. Radio Group รูปแบบการใช้งาน
  <label> <input type=”radio” name=”Radio Group1″ > </label>
  <label> <input type=”radio” name=”Radio Group2″ > </label>
  5. List Menu รูปแบบการใช้งาน
  <select name=”ชื่อของ List Menu  ตัวนี้”>
  <option value=”ค่าของ List Menu 1″ selected>List Menu 1</option>
  <option value=”ค่าของ List Menu 2″ >List Menu 2</option>
  </select>
  6. Text area รูปแบบการใช้งาน
  <textarea name=”ชื่อของ textarea ตัวนี้” cols=”จำนวนตัวอักขระต่อบันทัด” rows=”จำนวนบันทัด”></textarea>
• ดังรูปตัวอย่างด้านล่างนี้
  
• ก่อนอื่นดาวน์โหลดตัวอย่างประกอบบทความนี้ได้ที่นี่ครับ 
• หลังจากนั้นให้แตกไฟล์ลงในไดเร็คทรอรี่ที่สำหรับรัน Script PHP
• แล้วให้รัน Script การเช็คค่าในฟอร์มตัวนี้มา ดังรูปข้างล่างนี้
  
• ให้คุณลองเลือกค่าและกรอกค่าในฟอร์มนี้ แบบไม่ครบดู หรือไม่ต้องเลือกเลยก็ได้ครับแล้วกด Submit ดู จะปรากฏ error ดังรูปข้างล่างนี้
  
• ที่นี้เรามาลองกรอกใส่ค่า ให้ครบถ้วนทุกช่องนะครับแล้วกด Submit
  
• ผลปรากฏว่า เมื่อเรากรอกข้อมูลครบ Script โปรแกรมของเราจะทำงานในขั้นต่อไป  ดังรูปข้างล่างนี้ เป็นการรับค่าจากฟอร์ม input.html มาแสดงผลของค่านั้นๆในไฟล์ view.php ซึ่งก่อนที่มันจะมาแสดงผลได้  มันต้องถูกเงื่อนไขการตรวจเช็ค ว่ากรอกข้อมูลมาครบถ้วนหรือไม่
  
• อธิบายเพิ่มเติมต่อครับ
  สมมุติว่า ผมสร้างไฟล์มา1ไฟล์ชื่อ input.html และ Text Field มา 1 ตัว ชื่อ namesurname เอาไว้รับค่า ชื่อและนามสกุล โค้ด <input type=”text” name=”namesurname”>
  ต่อมาสร้างฟอร์มเพื่อมาใช้งาน<form name=”form1″ method=”post” action=”view.php”>
  <input type=”text” name=”namesurname”>
  <input type=”submit” name=”Submit” value=”Submit”>
  </form>
  โดยเมื่อกรอกค่าในฟอร์มแล้ว Submit จะไปยังหน้า view.php เพื่อทำการแสดงผล
• แต่เมื่อเราจะทำการตรวจสอบว่า User คนนั้นกรอกค่ามาหรือไม่ ให้เราเอาโค้ดข้างล่างนี้ไปวางไว้ส่วนบนสุดของโค้ดโปรแกรม
  <?php
  if($namesurname==”” )
  {
  echo”<center>กรอกข้อมูลให้ครบด้วยครับ<br>”;
  echo”<a href=javascript:history.back();>กลับไปแก้ไข</a></center>”;
  exit();
  }else{ echo “คุณชื่อ $namesurname”; }
  ?>
  อธิบายจากโค้ดโปรแกรมด้านบนนี้
  if($namesurname==””){ถ้า namesurname ไม่มีค่าของตัวแปรส่งมา ให้กลับไปแก้ไข }else{ แต่ถ้ามีค่าของตัวแปรส่งมา ให้ทำในคำสั่งภายในนี้ }
• พอเข้าใจมั้ยครับ ง่ายๆครับ และถ้าเรามีเช็คค่าจากฟอร์มหลายๆตัวเพิ่มขึ้น  เราก็แค่เพิ่ม ||  $ตัวแปร==””เข้าไปใน if ต่อไปได้เรื่อยๆครับ เช่น
  if($text_field==””  ||  $radio_button==”” ||  $check_box==””   ||  $radio_group==”” ||  $list_menu==”” ||  $text_area==””)

ลองดูตัวอย่างที่ให้ไปดาวน์โหลดนะครับ แล้วลองประยุกต์เอาไปใช้งานกันได้ครับ การเช็คใช้ PHP เช็คแบบนี้ดีกว่าแบบที่ใช้ Javascript เช็ค เพราะว่าjavascript มันจะทำงานที่เครื่องของ Cilent คือเครื่องของผู้ที่เรียกใช้งานเว็บบราวเซอร์ ถ้าเกิด java plug in ของเว็บบราวเซอร์ไม่มี หรือมีแล้วไม่ทำงาน มันก็ไม่สามารถเช็คอะไรได้เลยครับถ้าเป็น PHP เช็ค PHP มันจะสามารถเช็คได้แล้วประมวลผลที่ฝั่งของ Server ส่งผลลัพธ์มาให้เราครับ  ไม่เข้าใจตรงไหนก็โพสถามไว้นะครับ เดี๋ยวเข้ามาตอบให้ครับ
สำหรับวันนี้ผมขอตัวกลับบ้านที่พัทยาก่อนนะครับ แล้วพรุ่งนี้จะกลับมาอัพเดทบทความให้อ่านกันต่ออีก แต่อาจจะช้าซักหน่อย เป็นประมาณเย็นๆพรุ่งนี้แหละครับ  ขอบคุณทุกท่านที่ติดตามชมเว็บนี้มาโดยตลอด และ เข้ามาอ่านบทความกันทุกวัน  เจอกันใหม่พรุ่งนี้เย็นๆครับ  สวัสดี  บ๊าย  บาย……