Heim > Web-Frontend > js-Tutorial > ## Warum verschwindet mein Anmeldeformular, wenn ich die Eingabetaste drücke?

## Warum verschwindet mein Anmeldeformular, wenn ich die Eingabetaste drücke?

Susan Sarandon
Freigeben: 2024-10-27 04:11:03
Original
865 Leute haben es durchsucht

## Why Does My Login Form Disappear When I Press Enter?

Senden eines Formulars auf „Enter“ mit jQuery: Beheben des Problems mit verschwindenden Formularen

Sie sind auf ein Problem gestoßen, bei dem Sie auf „Enter“ gedrückt haben Ihr Anmeldeformular führt dazu, dass der Formularinhalt ohne Absenden verschwindet. Dies wirft die Frage auf, ob es sich um ein Webkit-Problem oder ein Problem mit Ihrem Code handelt.

Um dieses Verhalten zu beheben, haben Sie versucht, den folgenden jQuery-Code zu verwenden:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});
Nach dem Login kopieren

Allerdings ist dieser Code hat das Problem nicht gelöst.

Lösung:

Um dieses Problem zu beheben, müssen Sie eine wichtige Zeile in Ihren jQuery-Code einfügen:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});
Nach dem Login kopieren

Diese Zeile verhindert das Standardverhalten des Formulars, nämlich das Löschen seines Inhalts bei „Enter“. Durch das Hinzufügen wird das Formular nun beim Drücken der Eingabetaste gesendet, ohne zu verschwinden.

Return False verstehen:

Die Anweisung „return false“ erzielt das gleiche Ergebnis wie Aufruf von e.preventDefault und e.stopPropagation. Es weist den Browser an, die Standardaktion (Formularlöschung) nicht auszuführen, und verhindert, dass das Ereignis in der DOM-Hierarchie nach oben sprudelt.

Das obige ist der detaillierte Inhalt von## Warum verschwindet mein Anmeldeformular, wenn ich die Eingabetaste drücke?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage