JavaScript Form OnSubmit funktioniert, aber Handeln nicht

Auf meine FORM aus irgendeinem Grund, kann ich meine form-input-variable über onsubmit aber nicht mit action.

Dies funktioniert:

<form onsubmit="javascript:myFunc(this.city.value);">
    <p><input type="text" id="city-field" name="city" onfocus="this.select();" /> <input type="submit" value="Find" /></p>
</form>

Dies nicht funktioniert (this.city.value gefunden wird, null sein)

<form action="javascript:myFunc(this.city.value);">
    <p><input type="text" id="city-field" name="city" onfocus="this.select();" /> <input type="submit" value="Find" /></p>
</form>

Warum ist es, dass onsubmit können die this.city.value aber die action Veranstaltung nicht?

InformationsquelleAutor | 2009-06-12

  1. 11

    Den form action tag nicht auf alles, was mit this

    Stattdessen, verwenden Sie einen absoluten Pfad

    action="javascript:myFnc(document.getElementById('city-field').value)"

    InformationsquelleAutor Ian Elliott

  2. 4

    Bearbeiten: Dank an Christoph ' s Kommentar unten, ich erkannte meine große Aufsicht. Hier ist die endgültige Lösung, die mit seinem Vorschlag nicht umgesetzt.

    <form action="" onsubmit="myFunc(this.city.value); return false;">
    <p><input type="text" id="city-field" name="city" onfocus="this.select();" /> <input type="submit" value="Find" /></p>
</form>

    Sollte dies tun, was Sie brauchen. Ich entschuldige mich für die nicht so dass Sie meine ganze Aufmerksamkeit in meinen vorherigen Antworten.

    Das bewirkt, dass die Seite neu zu laden - brauche ich nicht, die Seite neu zu laden.
    Ich es richtig mitbekommen habe, nachdem ich gepostet meine Antwort, aber ich hab da aktualisiert und enthalten ein Beispiel, das nicht reload.
    Sie können verhindern, dass die Standard-Aktion durch Rücksendung false aus der event-handler, dh onsubmit="myFunc(this.city.value); return false;"
    Ich versuchte es und OnClick-Ereignis funktioniert nicht. Würden Sie brauchen, um verwenden Sie das OnSubmit-Ereignis (was ist nur vorhanden, wenn in einem FORMULAR)?

    InformationsquelleAutor bchang

  3. 0

    HTML-Formulare werden verwendet für das senden von Daten an ein Skript auf dem server für die Verarbeitung von Daten. Wenn ein Formular abgeschickt wird, werden die Daten in die form-Felder an den server übergeben wird, in form von name-Wert-Paaren. Server-side-Skripte, die geschrieben werden kann in verschiedenen Sprachen verwendet werden, um die Verarbeitung der eingehenden Daten und bringen Sie eine neue HTML-Seite an den browser. Die Seite an den browser zurückgegeben, könnte alles sein, von einem "Danke für die Registrierung" Meldung oder eine Liste mit Suchergebnissen generiert aus einer Datenbank-Abfrage.

    da form ist für das senden von Daten an eine andere Datei auf dem server. in Aktion können wir nur den Pfad angeben, an die wir die Daten senden müssen. es gibt also nicht mehr den Werten, die die form hat.

    InformationsquelleAutor thomasbabuj

Schreibe einen Kommentar