Để ngăn người dùng gửi biểu mẫu mà không điền mọi trường bắt buộc, chỉ cần thêm thuộc tính required vào phần tử input mà họ bắt buộc phải điền để gửi:
Ví dụ:
<form id="form"> <input type="text" name="full-name" placeholder="Họ và tên" required /> <input type="text" name="email" placeholder="Email" required /> <input type="text" name="phone-number" placeholder="Số điện thoại" /> <button id="button-submit-form" type="submit"> Gửi biểu mẫu </button> </form>Cả họ và tên và email đều có thuộc tính required trong mã trên.
Bây giờ nếu người dùng nhấp vào nút Gửi biểu mẫu mà không điền cả hai trường bắt buộc, họ sẽ nhận được cảnh báo popup sau:
