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

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


บทนำ

แอตทริบิวต์ formnovalidate ใช้กับปุ่ม Submit (<input type="submit"> หรือ <button type="submit">) เพื่อส่งฟอร์ม โดยไม่ตรวจสอบความถูกต้อง (Validation) แม้ฟอร์มจะมี required หรือ pattern ก็ตาม

จะ Override แอตทริบิวต์ novalidate ของฟอร์ม

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

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Formnovalidate Attribute</title>
  </head>
  <body>
    <form action="new.php" method="get">
      Rank: <input type="number" name="rank" required><br>
      <input type="submit" value="Submit (Validate)"><br>
      <input type="submit" formnovalidate="formnovalidate" value="Submit (No Validation)">
    </form>
  </body>
</html>

กรณีใช้งาน

  • ปุ่ม "บันทึกแบบร่าง" (Save Draft) - ไม่ต้อง Validate
  • ปุ่ม "ข้ามขั้นตอน" (Skip Step) ใน Wizard
  • ปุ่ม "ยกเลิก" ที่ต้องส่งข้อมูลบางส่วนไป Server

การรองรับเบราว์เซอร์

รองรับในเบราว์เซอร์สมัยใหม่ ไม่รองรับ IE และ Safari (เก่า)