Trong HTML Forms, sự khác biệt cốt lõi giữa thuộc tính 'novalidate' trên thẻ
và thuộc tính 'formnovalidate' trên thẻ

Question

Trong HTML Forms, sự khác biệt cốt lõi giữa thuộc tính 'novalidate' trên thẻ

Accepted Answer

Cả hai thuộc tính này đều dùng để vô hiệu hóa tính năng kiểm tra tính hợp lệ dữ liệu (Built-in HTML5 Form Validation) tự động của trình duyệt trước khi submit form.
Sự khác biệt cốt lõi:

Thuộc tính 'novalidate' trên thẻ : Khi được khai báo, nó tắt toàn bộ cơ chế xác thực HTML5 cho toàn bộ các trường (input, select, textarea) có bên trong form đó.
Thuộc tính 'formnovalidate' trên thẻ  (hoặc input type='submit'): Cho phép vô hiệu hóa việc kiểm tra tính hợp lệ chỉ khi form được submit thông qua nút bấm cụ thể đó, trong khi các nút submit khác vẫn giữ nguyên quy tắc validate.

Ứng dụng thực tế trong hệ thống Enterprise:

Kịch bản nút 'Lưu bản nháp' (Save as Draft): Khi người dùng điền biểu mẫu dài, họ có thể muốn lưu tạm dữ liệu ngay cả khi chưa điền đầy đủ các trường bắt buộc (Required fields). Lúc này, nút 'Lưu nháp' sẽ được gắn thuộc tính 'formnovalidate'. Ngược lại, nút 'Gửi chính thức' (Submit) vẫn phải bật validate để đảm bảo dữ liệu toàn vẹn trước khi gửi về Server.
Kịch bản hủy bỏ hoặc quay lại: Tránh việc trình duyệt hiển thị các thông báo lỗi popup khó chịu khi người dùng bấm vào các nút điều hướng phụ không yêu cầu dữ liệu hoàn thiện.

Trong HTML Forms, sự khác biệt cốt lõi giữa thuộc tính 'novalidate' trên thẻ <form> và thuộc tính 'formnovalidate' trên thẻ <button> là gì, và chúng được ứng dụng trong các kịch bản thực tế nào?

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi html liên quan cùng chủ đề