Comment empêcher la soumission d'un formulaire lorsque vous appuyez sur la touche Entrée ?

Prévention de la soumission de formulaire lorsque vous appuyez sur la touche Entrée

Empêcher la soumission du formulaire lorsque vous appuyez sur la touche Entrée garantit que le focus reste sur le champ actuel et permet pour que les fonctions JavaScript soient déclenchées à la place. La solution consiste à gérer l'événement keypress et à empêcher conditionnellement la soumission en fonction du code de la clé saisie.

Implémentation

En HTML, ajoutez l'attribut onkeypress à l'élément de formulaire. Cet attribut doit appeler une fonction JavaScript qui vérifie le code clé. Dans l'exemple ci-dessous, la fonction runScript est exécutée sur l'entrée de texte scriptBox :

<form onkeypress="return runScript(event)">
  <input>

La fonction runScript examine le code clé de l'événement. Si le code correspond à la touche Entrée (généralement 13), la fonction renvoie false, empêchant la soumission du formulaire.

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

Remarque :

Alors que keyCode est obsolète dans navigateurs modernes, il reste largement pris en charge. Cependant, il est recommandé d'envisager d'utiliser des méthodes alternatives telles que key ou which pour une compatibilité plus large.

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!