Maison > interface Web > tutoriel CSS > Comment puis-je soumettre des données à partir de champs de formulaire HTML désactivés ?

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

Linda Hamilton
Libérer: 2024-11-25 20:32:10
original
168 Les gens l'ont consulté

How Can I Submit Data from Disabled HTML Form Fields?

Soumettre les données des champs de formulaire désactivés

Lorsque vous traitez des formulaires en HTML, il peut être nécessaire de désactiver certains champs tout en autorisant leurs données à soumettre. Il existe deux façons courantes de gérer cela :

1. Désactivation des champs avec soumission de données

Malheureusement, il existe des limitations lorsque vous tentez de soumettre des données à partir de champs de formulaire désactivés. Les attributs tels que "lecture seule" ne sont pas compatibles avec certains types de saisie comme les cases à cocher ou les listes déroulantes.

2. Blocage des champs de formulaire avec JavaScript

Une approche alternative consiste à désactiver les champs sans bloquer réellement leur soumission à l'aide de JavaScript. Une façon de procéder consiste à supprimer dynamiquement l’attribut « désactivé » avant de soumettre le formulaire. Ceci peut être réalisé avec jQuery, comme le montre le code ci-dessous :

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

En invoquant ce code lors de la soumission du formulaire, tous les éléments désactivés voient leur attribut de désactivation supprimé, leur permettant d'être inclus dans la soumission des données. .

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