home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

HTML5 Validation มีประโยชน์ไหม?

มีประโยชน์มาก ลดภาระ JavaScript Validation

HTML5 มีแอตทริบิวต์ required, pattern, type="email|url|number" ฯลฯ ทำ Validation ฝั่ง Client ได้โดยไม่ต้องเขียน JS

ตัวอย่าง

<!DOCTYPE HTML>
<html>
<body>
  <form action="/cgi-bin/html5.cgi" method="get">
    <label>Email: <input type="email" name="email" required></label><br>
    <p>ลองกด Submit โดยเว้นว่าง</p>
    <input type="submit" value="Submit">
  </form>
</body>
</html>

ข้อดี

  • ไม่ต้องเขียน JS สำหรับ Validation พื้นฐาน
  • UI Consistent ตาม Browser (Bubble messages)
  • Accessible (Screen readers อ่านได้)
  • Performance ดีกว่า (Native implementation)

ยังต้อง Validate ฝั่ง Server เสมอ (Client-side บังคับไม่ได้)