Maison > interface Web > js tutoriel > le corps du texte

## Pourquoi mon formulaire de connexion disparaît-il lorsque j'appuie sur Entrée ?

Susan Sarandon
Libérer: 2024-10-27 04:11:03
original
764 Les gens l'ont consulté

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

Soumettre un formulaire sur « Entrée » avec jQuery : résoudre le problème du formulaire de disparition

Vous avez rencontré un problème en appuyant sur « Entrée » sur votre formulaire de connexion fait disparaître le contenu du formulaire sans soumission. Cela soulève des questions quant à savoir s'il s'agit d'un problème Webkit ou d'un problème avec votre code.

Pour résoudre ce problème, vous avez tenté d'utiliser le code jQuery suivant :

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});
Copier après la connexion

Cependant, ce code n'a pas résolu le problème.

Solution :

Pour résoudre ce problème, vous devez ajouter une ligne cruciale dans votre code jQuery :

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});
Copier après la connexion

Cette ligne empêche le comportement par défaut du formulaire, à savoir effacer son contenu sur "Entrée". En l'ajoutant, le formulaire sera désormais soumis en appuyant sur "Entrée" sans disparaître.

Comprendre Return False :

L'instruction "return false" obtient le même résultat que appelant à la fois e.preventDefault et e.stopPropagation. Il indique au navigateur de ne pas effectuer l'action par défaut (effacement du formulaire) et empêche l'événement de remonter dans la hiérarchie DOM.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!