jQuery thêm yêu cầu vào các trường nhập

Question

Tôi đã tìm kiếm các cách để jQuery tự động viết bắt buộc bằng cách sử dụng xác thực html5 cho tất cả các trường nhập của tôi nhưng tôi gặp khó khăn khi nói nó viết ở đâu.

Tôi muốn thực hiện việc này

<input type="text" name="first_name" value="" id="freeform_first_name" 
maxlength="150"> 

và có nó tự động thêm cần trước thẻ đóng

<input type="text" name="first_name" value="" id="freeform_first_name" 
maxlength="150" required> 

Tôi nghĩ tôi có thể làm someting dọc theo dòng của

$("input").attr("required", "true"); 

Nhưng nó không hoạt động. Bất kỳ trợ giúp nào cũng được đánh giá rất cao.

Answer 1

$("input").prop('required',true); 

DEMO FIDDLE

Answer 2

Bạn có thể làm điều đó bằng cách sử dụng attr, những sai lầm mà bạn đã thực hiện là bạn đặt đúng bên trong dấu ngoặc kép. thay vì thử điều này:

$("input").attr("required", true); 

Answer 3

Tôi thấy rằng jquery 1.11.1 không thực hiện điều này một cách đáng tin cậy.

Tôi đã sử dụng $('#estimate').attr('required', true) và $('#estimate').removeAttr('required').

Xóa required không đáng tin cậy. Đôi khi nó sẽ để lại thuộc tính required không có giá trị. Vì required là một giá trị boolean, sự hiện diện đơn thuần của nó, không có giá trị, được trình duyệt nhìn thấy là true.

Lỗi này liên tục xảy ra và tôi cảm thấy mệt mỏi vì rối tung với nó. Đã chuyển sang document.getElementById("estimate").required = true và document.getElementById("estimate").required = false.

Answer 4

Tôi đã phát hiện ra rằng việc triển khai sau đây là hiệu quả:

$('#freeform_first_name').removeAttr('required'); 

$('#freeform_first_name').attr('required', 'required'); 

Những lệnh (attr, removeAttr, prop) cư xử khác nhau tùy thuộc vào phiên bản của JQuery bạn đang sử dụng. Vui lòng tham khảo tài liệu tại đây: https://api.jquery.com/attr/