Absenden eines HTML-Formulars mit Enter verhindern

Ein HTML-Formular wird mit einem beherzten Druck auf die Return bzw. Enter-Taste abgeschickt. Wie kann man das verhindern.

Mit der Enter-Taste wird ein Formular abgeschickt. Ausnahme ist, ein mehrzeiliges Textfeld, hier wird nur eine neue Zeile eingefügt.

Will man verhindern, dass der Anwender ein halbfertiges Formular abschickt, bedarf es etwas HTML-Code:

<script>
    $(document).ready(function() {
        $(window).keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });
</script>

Dieser Code benötigt Jquery, sofern noch nicht eingebunden, können wir dies auch gleich mit erledigen:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

Anschließend wird die Enter-Taste ignoriert. Der Code kann z.B. in den Head-Bereich eingefügt werden, z.B. beim DA-FormMaker:

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.