Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Tại sao dùng thuộc tính novalidate trong HTML

Thuộc tính novalidate (Boolean) trên <form> tắt validation client-side khi submit. Hữu ích khi muốn cho người dùng lưu tiến độ (draft) mà không bắt buộc điền đầy đủ/hợp lệ các trường.

Người dùng có thể lưu form chưa hoàn chỉnh, quay lại tiếp tục sau, và chỉ validate khi bấm nút "Gửi chính thức" (nút đó không có formnovalidate hoặc form có novalidate nhưng nút có formnovalidate=false – logic ngược).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML novalidate attribute</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      Tên học sinh<br><input type="text" name="sname"><br>
      Tổng điểm<br><input type="number" name="mark"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Best practice: Dùng novalidate cho form "Lưu nháp", kết hợp nút "Gửi chính thức" riêng có validation. Luôn validate lại phía server.