Comment puis-je soumettre des champs de formulaire désactivés en JavaScript ?

Soumission de champs de formulaire désactivés

Lorsque vous travaillez avec des formulaires, vous pouvez rencontrer des situations dans lesquelles certains champs doivent être visibles mais désactivés pour l'édition. Cependant, cela peut poser un défi lors de la soumission de données, car les champs désactivés ne soumettent généralement pas leurs valeurs.

Pour résoudre ce problème, l'attribut READONLY peut être utilisé. Malheureusement, il n'est pas pris en charge pour les types d'entrée tels que case à cocher et sélection.

Solution jQuery

Dans les cas où READONLY n'est pas applicable, jQuery propose une solution de contournement :

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

Cet extrait de code supprime l'attribut désactivé de tous les éléments du formulaire lors de la soumission. Cela permet aux champs d'être soumis même s'ils ont été initialement désactivés.

Considérations supplémentaires

De plus, si vous souhaitez empêcher la modification des champs mais que vous ne souhaitez pas cachez-les, vous pouvez utiliser CSS pour les styliser en lecture seule. Par exemple :

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

Ce code fera apparaître les champs de saisie désactivés en grisé et ne permettra pas aux utilisateurs de les modifier. Cependant, ils seront toujours visibles et leurs valeurs seront soumises lors de la soumission du formulaire.

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!