Suppression de l'attribut obligatoire html5 avec jQuery

Question

Bonjour, je voudrais supprimer l'attribut 'required=""' avec jquery.

<input 
   type="text" 
   id="edit-submitted-first-name" 
   name="submitted[first_name]" 
   value="" 
   size="30" 
   maxlength="128" 
   required=""
>

Answer 1

Tout simplement :

$('#edit-submitted-first-name').removeAttr('required');​​​​​

Si vous êtes intéressé par d'autres lectures, jetez un coup d'œil aquí .

Answer 2

Si vous souhaitez que la valeur requise soit true

$(document).ready(function(){
$('#edit-submitted-first-name').prop('required',true);
});

si vous souhaitez que la valeur requise soit false

$(document).ready(function(){
$('#edit-submitted-first-name').prop('required',false);
});

Answer 3

Utilisation de Javascript :

document.querySelector('#edit-submitted-first-name').required = false;

• Plus d'informations ici

---

Utilisation de jQuery :

$('#edit-submitted-first-name').removeAttr('required');

• Plus d'informations ici

Answer 4

$('#id').removeAttr('required');​​​​​

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 5

Bien que le sélecteur d'ID soit le plus simple, vous pouvez également utiliser le sélecteur de nom, comme indiqué ci-dessous :

$('[name='submitted[first_name]']').removeAttr('required');

Pour plus d'informations, voir : https://api.jquery.com/attribute-equals-selector/