HTML-Texteingabe: Vermeiden Sie Senden, wenn die Eingabetaste gedrückt wird

Ich habe eine HTML-Eingabe, die ein Textfeld ist. Wenn ich die Eingabetaste drücke, wird das Senden aufgerufen, was normal ist.

Jetzt möchte ich etwas anderes tun, wenn die Eingabetaste auf dieses Textfeld geklickt wird.

Ich versuche so etwas:

<input type="text" 
       id="first_page"  
       onPaste="" 
       onkeydown="if (event.keyCode == 13) alert('enter')" />

Die Benachrichtigung funktioniert gut, aber die Übermittlung ist immer noch abgeschlossen. Meine Seite wird danach neu geladen.

Kannst du mir bitte helfen.

schreiben return false; und überprüfe es

Verwendung von jquery

<script>
            $('#first_page').keypress(function(e) {
              if (e.keyCode == '13') {
                 e.preventDefault();
                 //your code here
               }
            });​
        </script>

mit Javascript

<input type="text" id="first_page"  onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />

Eine andere Option wäre die Verwendung von onkeypress

<input type="text" id="first_page"  onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />

Sie könnten das folgende Skript versuchen:

 <script>
 function checkEnter(event)
{
    if (event.keyCode == 13) 
   {
       alert('enter')
       return false;
    }
}

Und das HTML:

<input type="text" id="first_page"  onPaste="" onkeydown="return checkEnter(event);" />

Sie sollten zurückkehren false in dem keydown Event-Handler-Funktion, um eine weitere Verarbeitung des Events zu verhindern.

Außerdem könnten Sie die folgende Frage nützlich finden: Verhindern Sie, dass Benutzer das Formular senden, indem Sie die Eingabetaste drücken.

Schreiben Sie den folgenden Code nach alert('enter')

return false;

Benutze das, bei mir hat es funktioniert.

Beim Keydown ersetzen:

onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"