วิธาใช้แอตทริบิวต์ Novalidate ใน HTML

บทนำ

แอตทริบิวต์ novalidate วางที่ <form> เพื่อปิดการตรวจสอบความถูกต้อง (Validation) ทั้งฟอร์มเมื่อส่ง

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Novalidate Attribute</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      ชื่อนักเรียน<br>
      <input type="text" name="sname"><br>
      อันดับ<br>
      <input type="number" name="rank"><br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

กรณีใช้งาน

• ฟอร์มหลายขั้นตอน (Multi-step) - ให้บันทึกได้แม้ยังกรอกไม่ครบ
• ฟอร์ม "บันทึกแบบร่าง" (Draft)
• ทดสอบฟอร์มฝั่ง Server โดยไม่ต้องกรอกให้ครบ

ความแตกต่าง novalidate vs formnovalidate