jQuery dodać wymagane do wprowadzania pól

Question

Szukałem sposobów, aby jQuery automatycznie pisać wymagane przy użyciu sprawdzania poprawności html5 do wszystkich moich pól wejściowych, ale mam problem z informacją, gdzie go napisać.

chcę wziąć ten

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

i go automatycznie dodać wymagane przed tagiem zamykającym

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

Myślałem, że mogę zrobić cos wzdłuż linii

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

Ale to nie działa. Każda pomoc jest bardzo doceniana.

Answer 1

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

DEMO FIDDLE

Answer 2

Można to zrobić za pomocą atr, pomyłka, że ​​wykonany jest to, że można umieścić prawdziwy wewnątrz cudzysłowów. zamiast tego spróbuj tego:

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

Answer 3

Znalazłem, że jquery 1.11.1 nie robi tego niezawodnie.

Użyłem $('#estimate').attr('required', true) i $('#estimate').removeAttr('required').

Usunięcie required nie było niezawodne. Czasami pozostawił atrybut required bez wartości. Ponieważ required jest atrybutem boolowskim, jego obecność, bez wartości, jest postrzegana przez przeglądarkę jako true.

Ten błąd był przerywany i zmęczyłem się nim. Przełączono na document.getElementById("estimate").required = true i document.getElementById("estimate").required = false.

Answer 4

znalazłem, że następujące implementacje są skuteczne:

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

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

Polecenia te (attr, removeAttr, prop) zachowują się w różny sposób w zależności od wersji JQuery używasz. Proszę zapoznać się z dokumentacją tutaj: https://api.jquery.com/attr/