jQuery add obbligatorio per immettere i campi

Question

Sono stato alla ricerca dei modi per fare in modo che jQuery scrivesse automaticamente utilizzando la convalida html5 in tutti i miei campi di input, ma ho difficoltà a dirgli dove scriverlo.

Voglio prendere questa

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

e lo hanno aggiungere automaticamente richiesto prima del tag di chiusura

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

ho pensato che avrei potuto fare someting sulla falsariga di

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

Ma non funziona. Qualsiasi aiuto è molto apprezzato.

Answer 1

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

DEMO FIDDLE

Answer 2

È possibile farlo utilizzando attr, l'errore che hai fatto è che si mette la vera tra virgolette. invece di che provare questo:

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

Answer 3

ho scoperto che jquery 1.11.1 non lo fa in modo affidabile.

Ho usato $('#estimate').attr('required', true) e $('#estimate').removeAttr('required').

La rimozione di required non era affidabile. A volte lasciava l'attributo required senza valore. Poiché required è un attributo booleano, la sua semplice presenza, senza valore, è vista dal browser come true.

Questo errore era intermittente e mi sono stancato di scherzare con esso. Passato a document.getElementById("estimate").required = true e document.getElementById("estimate").required = false.

Answer 4

Ho scoperto che le seguenti implementazioni sono efficaci:

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

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

Questi comandi (attr, removeAttr, puntello) si comportano in modo diverso a seconda della versione di jQuery che si sta utilizzando. Si prega di fare riferimento alla documentazione qui: https://api.jquery.com/attr/