Maison  >  Article  >  interface Web  >  Comment s'assurer que les champs `` désactivés sont soumis dans les formulaires HTML ?

Comment s'assurer que les champs `` désactivés sont soumis dans les formulaires HTML ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-05 16:28:02316parcourir

How to Ensure Disabled `` Fields Are Submitted in HTML Forms?

Assurer que l'option les champs contiennent souvent des informations cruciales qui doivent être soumises avec le formulaire, même si les utilisateurs ne peuvent pas modifier la valeur. Cependant, la désactivation d'un champ de sélection à l'aide de l'attribut désactivé empêche l'utilisateur de modifier sa valeur, mais l'exclut également des données soumises.

Solutions alternatives

Considérez ces alternatives :

  • Désactivation des options et du style : Désactivez toutes les options dans le champ de sélection et utilisez CSS pour le griser, créant ainsi l'impression d'être désactivé.
  • Activation des champs désactivés lors de la soumission : Attachez un gestionnaire d'événements de clic au bouton de soumission qui active tous les champs de sélection désactivés avant la soumission du formulaire.

Approche recommandée : activation des champs désactivés

La méthode recommandée consiste à activer les champs désactivés avant la soumission du formulaire :

  1. Désactivez tous les champs du formulaire à l'aide de la méthode prop() de jQuery.
  2. Dans le soumettez le gestionnaire d'événements, réactivez tous les champs désactivés avec prop().
<code class="javascript">jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});</code>

Ce code garantit que tous les champs, y compris les champs de sélection précédemment désactivés, sont inclus dans les données du formulaire soumis.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Centrage - Défis CSSArticle suivant:Centrage - Défis CSS