web-dev-qa-db-fra.com

Saisie de texte HTML: éviter de soumettre lorsque vous appuyez sur Entrée

J'ai une entrée HTML qui est un champ de texte . Lorsque j'appuie sur la touche Entrée, ceci appelle la soumission, ce qui est normal.

Maintenant, je voudrais faire autre chose lorsque vous cliquez sur Entrée dans cette zone de texte.

J'essaie quelque chose comme ça:

<input type="text" 
       id="first_page"  
       onPaste="" 
       onkeydown="if (event.keyCode == 13) alert('enter')" />

L'alerte fonctionne bien mais la soumission est toujours effectuée. Ma page est en train de recharger après ça.

Pourrais-tu m'aider s'il te plait.

htmltextbox
26
Miloš

écrire return false; et le vérifier

24
Hkachhia

En utilisant jquery 

<script>
            $('#first_page').keypress(function(e) {
              if (e.keyCode == '13') {
                 e.preventDefault();
                 //your code here
               }
            });​
        </script>

en utilisant javascript

<input type="text" id="first_page"  onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />
23
Sibu

Une autre option serait d'utiliser onkeypress

<input type="text" id="first_page"  onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />
5
s_a

Vous pouvez essayer le script ci-dessous:

 <script>
 function checkEnter(event)
{
    if (event.keyCode == 13) 
   {
       alert('enter')
       return false;
    }
}

Et le HTML:

<input type="text" id="first_page"  onPaste="" onkeydown="return checkEnter(event);" />
2
Sandeep Pathak

Vous devriez renvoyer false dans la fonction de gestionnaire d'événements keydown afin d'empêcher le traitement ultérieur de l'événement.

Vous pouvez également trouver utile la question suivante: Empêchez les utilisateurs de soumettre le formulaire en appuyant sur Entrée .

1
Xavi López

écrivez le code suivant après alert('enter')

return false;
1
Tarun Tak

Utilisez ceci, cela a fonctionné dans le mien.

Remplacer sur la touche:

onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"
0
Abdul Afiq