Stoppen Sie ein Eingabefeld in einem Formular, das nicht gesendet werden soll

Ich Schreibe einige javascript (ein greasemonkey/userscript) eingefügt werden einige Eingabefelder in ein Formular auf einer Webseite.

Die Sache ist die, ich will nicht diese Eingabe-Felder, um die form beeinflussen in irgendeiner Weise, ich will nicht, dass Sie eingereicht werden, wenn das Formular abgeschickt wird, ich will nur meinen javascript-Zugriff auf Ihre Werte.

Gibt es eine Möglichkeit, ich könnte noch einige Felder in der Mitte ein Formular und nicht über Sie gestellt wird, wenn das Formular abgeschickt wird?

Offensichtlich die ideale Sache wäre, für die input-Felder nicht im Formular-element, aber ich möchte das layout meiner resultierende Seite zu haben, der meine eingefügten Eingabefelder erscheinen zwischen den Elementen der ursprünglichen form.

InformationsquelleAutor der Frage Acorn | 2010-06-09

133

Könnte man einfügen input-Felder ohne Attribut "name":
```
<input type="text" id="in-between" />
```
Oder Sie können einfach entfernen Sie Sie, sobald das Formular abgeschickt wird (in jquery):
```
$("form").submit(function() {

   $(this).children('#in-between').remove();

});
```
InformationsquelleAutor der Antwort Gal
42

Die einfachste Sache zu tun wäre, legen Sie die Elemente mit der disabled Attribut.
```
<input type="hidden" name="not_gonna_submit" disabled="disabled" value="invisible" />
```
Diese Weise können Sie immer noch Zugang zu Ihnen haben als Kinder die form.

Deaktivierte Felder haben den Nachteil, dass der Benutzer nicht interagieren können, mit Ihnen - so, wenn Sie eine disabled Textfeld, kann der Benutzer nicht auswählen der text. Wenn Sie eine disabled checkbox, kann der Benutzer nicht seinen Zustand ändern.

Könnte man auch einige javascript schreiben, um das Feuer auf dem Formular zu entfernen, die Felder, die Sie nicht übermitteln möchten.

InformationsquelleAutor der Antwort Johrn

Können Sie eine Ereignisprozedur schreiben, die für onsubmit entfernt die name - Attribut, werden alle Eingabe-Felder, die Sie möchten, nicht in der form der Unterwerfung.

Hier ist eine schnelle ungetestet Beispiel:

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;

InformationsquelleAutor der Antwort Jacob Relkin

8

Einfach versuchen, Sie zu entfernen Namen - Attribut vom input-element.

So hat es zu schauen, wie
```
<input type="checkbox" checked="" id="class_box_2" value="2">
```
InformationsquelleAutor der Antwort Lesha Pipiev
6

Ich wollte nur hinzufügen, eine zusätzliche option: In Ihrer Eingabe fügen Sie den form-tag und geben Sie den Namen ein Formular, das nicht vorhanden ist auf Ihrer Seite:
```
<input form="fakeForm" type="text" readonly value="random value" />
```
InformationsquelleAutor der Antwort farvgnugn
2

Hinzufügen disabled="disabled" im Eingang und während jquery entfernen Sie das Attribut deaktiviert, wenn Sie möchten, senden Sie es verwenden .removeAttr('disabled')

HTML:

<input type="hidden" name="test" value="test" disabled='disabled'/>

jquery:

$("input[name='test']").removeAttr('disabled');

InformationsquelleAutor der Antwort Pikka pikka
1

Ich weiß, dieser Beitrag ist uralt, aber ich werde Antworten sowieso. Die einfachste/beste Möglichkeit, die ich gefunden habe, ist einfach zu einfach den Namen leer.

Setzen Sie diese, bevor Sie Ihre submit:
```
document.getElementById("TheInputsIdHere").name = "";
```
Alles in allem Ihre submit-Funktion könnte wie folgt Aussehen:
```
document.getElementById("TheInputsIdHere").name = "";
document.getElementById("TheFormsIdHere").submit();
```
Wird dies immer noch senden Sie das Formular mit allen anderen Feldern, aber nicht abgeschickt werden, die ohne einen Namen.

InformationsquelleAutor der Antwort Will
0

Griff die form submit in einer Funktion, die per onSubmit() und führen Sie etwas wie unten zu entfernen, das form-element:
Verwenden getElementById() im DOM, dann mit [object].parentNode.removeChild([object])

angenommen, Ihr Gebiet in Frage, hat ein id-Attribut "my_removable_field"
code:
```
var remEl = document.getElementById("my_removable_field");
if ( remEl.parentNode && remEl.parentNode.removeChild ) {
remEl.parentNode.removeChild(remEl);
}
```
Diese erhalten Sie genau das, was Sie suchen.

InformationsquelleAutor der Antwort ring bearer
0

Tun Sie auch brauchen, Sie werden input-Elemente in den ersten Platz? Sie können Javascript verwenden, um dynamisch erstellen divs oder Absätze oder Listenelemente oder was auch immer, enthalten die Informationen, die Sie präsentieren wollen.

Aber wenn das interaktive element ist wichtig, und es ist ein Schmerz in den Hintern, um die Elemente außerhalb der <form> block, müsste es doch möglich sein, entfernen Sie diese Elemente aus der form, wenn die Seite vorgelegt wird.

InformationsquelleAutor der Antwort BlairHippo

Müssen Sie hinzufügen "onsubmit" an Ihrer form:

<form action="YOUR_URL" method="post" accept-charset="utf-8" onsubmit="return validateRegisterForm();">

Und das Skript wird wie folgt Aussehen:

        function validateRegisterForm(){
        if(SOMETHING IS WRONG)
        { 
            alert("validation failed");
            event.preventDefault();
            return false;

        }else{
            alert("validations passed");
            return true;
        }
    }

Dies funktioniert für mich jedes mal 🙂

InformationsquelleAutor der Antwort Vasilakakis Anastasios

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.