Maison >interface Web >js tutoriel >## Pourquoi mon formulaire de connexion disparaît-il lorsque j'appuie sur Entrée ?

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

Susan Sarandon
Susan Sarandonoriginal
2024-10-27 04:11:03863parcourir

## 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();
  }
});

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
  }
});

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!

Déclaration:
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