Cách bỏ qua xác thực form HTML5 bằng thuộc tính formnovalidate

Để bỏ qua xác thực form trong HTML5, bạn có thể sử dụng thuộc tính formnovalidate trên nút bấm (button) submit. Thuộc tính này cho phép gửi form mà không kích hoạt các ràng buộc xác thực phía client (như required, pattern, v.v.).

Ví dụ minh họa

Trong ví dụ dưới đây, nút bấm thứ hai có thuộc tính formnovalidate, cho phép gửi form mà không kiểm tra trường rank bắt buộc:

<!DOCTYPE html>
<html>
  <head>
    <title>Thuộc tính formnovalidate trong HTML</title>
  </head>
  <body>
    <form action="new.php" method="get">
      Rank <input type="number" name="rank" required><br>
      <input type="submit" value="Gửi (có xác thực)"><br>
      <input type="submit" formnovalidate="formnovalidate" value="Gửi (không xác thực)">
    </form>
  </body>
</html>

Khi người dùng nhấn nút "Gửi (không xác thực)", trình duyệt sẽ bỏ qua việc kiểm tra trường rank và gửi form ngay lập tức. Điều này hữu ích cho các nút như "Lưu nháp" hoặc "Hủy bỏ" mà bạn không muốn bắt buộc người dùng điền đầy đủ thông tin.