Pourquoi mon formulaire de connexion disparaît-il au lieu d'être soumis sur « Entrée » ?

Soumission d'un formulaire sur « Entrée » à l'aide de jQuery

Lorsque vous traitez un formulaire de connexion standard dans un projet AIR utilisant HTML/jQuery, appuyez sur « Entrer » peut provoquer un comportement inattendu, tel que la disparition du contenu du formulaire sans le soumettre. Pour résoudre ce problème, il est essentiel de comprendre les causes sous-jacentes potentielles.

L'extrait de code fourni tente de gérer l'événement clé « Entrée » à l'aide de la fonction « .keypress() », mais il ne parvient pas à résoudre le formulaire qui disparaît. problème et empêcher la soumission. Une raison potentielle pourrait être l'absence d'un attribut « action » dans le formulaire.

Pour résoudre ce problème efficacement, modifiez le code du gestionnaire d'événements comme suit :

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

L'ajout clé ici est la déclaration « retour faux ». L'ajout de cette ligne empêche essentiellement le comportement par défaut associé à l'appui sur la touche « Entrée », qui dans ce cas empêche la soumission du formulaire en raison d'actions conflictuelles.

Comme mentionné dans la réponse StackOverflow liée, « return false » fonctionne de manière similaire à « e.preventDefault() » et « e.stopPropagation() », supprimant le comportement par défaut du navigateur et facilitant la gestion personnalisée de l'événement.

Avec cette modification, appuyer sur « Entrée » dans le formulaire de connexion devrait soumettre correctement le formulaire, résolvant le problème initial rencontré.

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!