JQuery ajouter requis aux champs de saisie

Question

J'ai cherché des moyens d'avoir jQuery écrire automatiquement le `required` en utilisant la validation HTML5 pour tous mes champs de saisie, mais j'ai du mal à lui dire où l'écrire.

Je veux prendre ceci

et avoir automatiquement ajouté required avant la balise de fermeture

Je pensais que je pourrais faire quelque chose dans ce sens

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

Mais ça ne fonctionne pas. Toute aide est grandement appréciée.

Answer 1

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

<strong><a href="http://jsfiddle.net/LEZ4r/1/" rel="noreferrer">DEMO FIDDLE</a></strong>

Answer 2

Vous pouvez le faire en utilisant attr, l'erreur que vous avez faite est que vous avez mis le true entre guillemets. Au lieu de cela, essayez ceci :

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

Answer 3

J'ai trouvé que les implémentations suivantes sont efficaces:

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

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

Ces commandes (attr, removeAttr, prop) se comportent différemment en fonction de la version de JQuery que vous utilisez. Veuillez consulter la documentation ici: https://api.jquery.com/attr/

Answer 4

En utilisant la méthode .attr

// syntaxe
.attr(attribut, valeur);

.attr("required", true);
// sortie: required="required"

.attr("required", false);
// sortie:

En utilisant la méthode .prop

// syntaxe
.prop(propriété, valeur)

.prop("required", true);
// sortie: required=""

.prop("required", false);
// sortie: 

Lire plus d'informations ici

https://stackoverflow.com/a/5876747/5413283

Answer 5

Ne pas encercler true avec des guillemets doubles " ", ça devrait être comme

$(document).ready(function() {            
   $('input').attr('required', true);   
});

Vous pouvez également utiliser prop

jQuery(document).ready(function() {            
   $('input').prop('required', true);   
}); 

Au lieu de true, vous pouvez essayer required. Comme

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