Empêcher la soumission d'un champ de saisie dans un formulaire

Question

Je suis en train d'écrire un javascript (un greasemonkey/userscript) qui va insérer des champs de saisie dans un formulaire sur un site web.

Le problème est que je ne veux pas que ces champs de saisie affectent le formulaire de quelque manière que ce soit, je ne veux pas qu'ils soient soumis lorsque le formulaire est soumis, je veux seulement que mon javascript ait accès à leurs valeurs.

Existe-t-il un moyen d'ajouter des champs de saisie au milieu d'un formulaire et de ne pas les soumettre lors de l'envoi du formulaire ?

L'idéal serait évidemment que les champs de saisie ne se trouvent pas dans l'élément de formulaire, mais je veux que la mise en page de ma page résultante fasse apparaître les champs de saisie insérés entre les éléments du formulaire original.

Answer 1

Vous pouvez insérer des champs de saisie sans l'attribut "name" :

<input type="text" id="in-between" />

Ou vous pouvez simplement les supprimer une fois que le formulaire est soumis (en jQuery ) :

$("form").submit(function() {
   $(this).children('#in-between').remove();
});

Answer 2

La chose la plus simple à faire serait d'insérer les éléments avec la balise disabled attribut.

<input type="hidden" name="not_gonna_submit" disabled="disabled" value="invisible" />

De cette façon, vous pouvez toujours y accéder en tant qu'enfants du formulaire.

Les champs désactivés ont l'inconvénient de ne pas permettre à l'utilisateur d'interagir avec eux. disabled le champ de texte, l'utilisateur ne peut pas sélectionner le texte. Si vous avez un disabled l'utilisateur ne peut pas modifier son état.

Vous pouvez également écrire du javascript qui se déclenche à la soumission du formulaire pour supprimer les champs que vous ne souhaitez pas soumettre.

Answer 3

Essayez simplement d'enlever nom de l'élément d'entrée.
Il doit donc ressembler à

<input type="checkbox" checked="" id="class_box_2" value="2">

Answer 4

Vous pouvez écrire un gestionnaire d'événement pour onsubmit qui supprime le name de tous les champs de saisie que vous souhaitez ne pas inclure dans la soumission du formulaire.

Voici un exemple rapide non testé :

var noSubmitElements = [ 'someFormElementID1', 'someFormElementID2' ]; //...
function submitForm() {
    for( var i = 0, j = noSubmitElements.length; i < j; i++ ) {
        document.getElementById(noSubmitElements[i]).removeAttribute('name');
    }
}
form.onsubmit = submitForm;

Answer 5

Traitez l'envoi du formulaire dans une fonction via onSubmit() et effectuez quelque chose comme ci-dessous pour supprimer l'élément du formulaire : Utilisez getElementById() du DOM, puis en utilisant [object].parentNode.removeChild([object])

Supposons que le champ en question ait un attribut id "mon_champ_removable". code :

var remEl = document.getElementById("my_removable_field");
if ( remEl.parentNode && remEl.parentNode.removeChild ) {
remEl.parentNode.removeChild(remEl);
}

Cela vous permettra d'obtenir exactement ce que vous recherchez.