Maison > interface Web > tutoriel CSS > le corps du texte

Comment puis-je soumettre des données à partir de champs de formulaire désactivés ?

Barbara Streisand
Libérer: 2024-11-24 03:23:13
original
872 Les gens l'ont consulté

How Can I Submit Data from Disabled Form Fields?

Soumission de champs de formulaire désactivés

Il peut être frustrant lorsque des champs de formulaire désactivés empêchent la soumission des données. Cet article fournit des solutions pour activer la soumission de données à partir de champs désactivés ou bloquer efficacement les modifications sans masquer les champs.

Activation de la soumission des données

Malheureusement, il n'y a pas d'attribut intégré ou un indicateur pour permettre aux champs désactivés de soumettre des données. Cependant, vous pouvez utiliser une solution de contournement jQuery pour supprimer l'attribut désactivé lors de la soumission :

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});
Copier après la connexion

Ce code garantit que lorsque le formulaire est soumis, l'attribut désactivé sera supprimé pour tous les champs désactivés, permettant ainsi à leurs données d'être supprimées. soumis.

Blocage des modifications

Si vous devez empêcher la modification des champs mais ne pas soumettre de données, vous pouvez essayer d'utiliser CSS ou autres attributs au lieu de l'attribut désactivé. Malheureusement, ces méthodes ont des limites :

  • Affichage CSS : aucun ;: Masque le champ, le rendant inaccessible aux lecteurs d'écran.
  • Pointeur CSS -events : aucun : Empêche l'interaction de l'utilisateur mais peut ne pas fonctionner du tout navigateurs.
  • readOnly : Fonctionne uniquement pour champs.

Solution supplémentaire

Une autre option pour afficher un identifiant non modifiable consiste à utiliser une combinaison d'un champ désactivé pour l'affichage et d'un champ masqué pour l'identifiant réel. valeur. Cela permet d'afficher l'identifiant sans permettre sa modification ou sa soumission directe.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal