Formular ohne Aktion und wo eingeben, wird die Seite nicht neu geladen

Ich suche nach der besten Möglichkeit, ein HTML-Formular ohne Senden-Schaltfläche zu erstellen. Das selbst ist einfach genug, aber ich muss auch verhindern, dass sich das Formular selbst neu lädt, wenn übermittlungsähnliche Dinge erledigt werden (z. B. Enterin einem Textfeld).

Fügen Sie dem Formular einen Onsubmit-Handler hinzu (entweder über einfaches js oder jquery $ (). Submit (fn)) und geben Sie false zurück, sofern Ihre spezifischen Bedingungen nicht erfüllt sind.

Wenn Sie nicht möchten, dass das Formular jemals gesendet wird, lassen Sie in diesem Fall einfach das Attribut 'action' für das Formularelement weg.

Sie sollten es action="javascript:void(0);"in Ihr Formular aufnehmen, um das erneute Laden von Seiten zu verhindern und den HTML-Standard beizubehalten.

Fügen Sie dieses Ereignis einfach Ihrem Textfeld hinzu. Es verhindert eine Übermittlung beim Drücken der Eingabetaste, und Sie können nach Bedarf eine Übermittlungsschaltfläche hinzufügen oder form.submit () aufrufen:

onKeyPress="if (event.which == 13) return false;"

Beispielsweise:

<input id="txt" type="text" onKeyPress="if (event.which == 13) return false;"></input>

Wenn Sie in einem Formular die Eingabetaste drücken, muss das natürliche Verhalten des Formulars gesendet werden. Um dieses nicht natürliche Verhalten zu stoppen, müssen Sie mit jquery verhindern, dass es gesendet wird (Standardverhalten):

$("#yourFormId").on("submit",function(event){event.preventDefault()})

eine Idee:

<form method="POST" action="javascript:void(0);" onSubmit="CheckPassword()">
    <input id="pwset" type="text" size="20" name='pwuser'><br><br>
    <button type="button" onclick="CheckPassword()">Next</button>
</form>

und

<script type="text/javascript">
    $("#pwset").focus();
    function CheckPassword()
    {
        inputtxt = $("#pwset").val();
        //and now your code
        $("#div1").load("next.php #div2");
        return false;
    }
</script>

Zwei Möglichkeiten zu lösen:

1. Der Aktionswert des Formulars lautet "Javascript: void (0);".
2. Fügen Sie einen Tastendruck-Ereignis-Listener für das Formular hinzu, um das Senden zu verhindern.

Die erste Antwort ist die beste Lösung:

Fügen Sie dem Formular einen Onsubmit-Handler hinzu (entweder über einfaches js oder jquery $ (). Submit (fn)) und geben Sie false zurück, sofern Ihre spezifischen Bedingungen nicht erfüllt sind.

Genauer gesagt mit jquery:

$('#your-form-id').submit(function(){return false;});

Wenn Sie nicht möchten, dass das Formular jemals gesendet wird, lassen Sie in diesem Fall einfach das Attribut 'action' für das Formularelement weg.

Das Schreiben von Chrome-Erweiterungen ist ein Beispiel dafür, wo Sie möglicherweise ein Formular für Benutzereingaben haben, das Sie jedoch nicht senden möchten. Wenn Sie action = "javascript: void (0);" verwenden, funktioniert der Code wahrscheinlich, aber es tritt dieses Problem auf, bei dem beim Ausführen von Inline-Javascript eine Fehlermeldung angezeigt wird.

Wenn Sie die Aktion vollständig auslassen, wird das Formular neu geladen, was in einigen Fällen auch beim Schreiben einer Chrome-Erweiterung unerwünscht ist. Oder wenn Sie eine Webseite mit einer Art eingebettetem Taschenrechner hätten, auf der der Benutzer Eingaben machen und auf "Berechnen" oder ähnliches klicken würde.