web-dev-qa-db-fra.com

Soumettre le formulaire sur la touche Entrée avec javascript

Je ne sais pas ce que je fais mal ici. Je veux que la touche Entrée fonctionne aussi bien que je clique sur le bouton.

<form action="" method="get" class="priceOptionForm" name="priceOptionForm">
<input name="Paypal_email" type="text" value="whatever" id="email"></label>
<a href="javascript:void(0);" class="bluebtn" id="profile_price" style="width:60px;margin-top:5px;">Save all</a>
</form>
javascriptformskeysubmitenter
17
Mauro Golin

Essaye ça:

document.getElementById('email').onkeydown = function(e){
   if(e.keyCode == 13){
     // submit
   }
};
27
Ringo

Veuillez utiliser l'extrait de code ci-dessous ... Il doit être ajouté dans le bloc de script

<script>
    document.onkeydown=function(evt){
        var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
        if(keyCode == 13)
        {
            //your function call here
        }
    }
</script>
8
Anooj VM

Tous les codes ci-dessous doivent être ajoutés dans un bloc de script ou un fichier. définir la fonction de soumission:

function submitForm(){
    document.priceOptionForm.submit();
    document.priceOptionForm.method='post';
}

Pour la clé d'entrée pour soumettre le formulaire:

document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        submitForm();
    }
}

Pour que le lien fonctionne:

document.getElementById("profile_price").onclick=submitForm;

Vous pouvez vous référer à http://jsfiddle.net/honglonglong/YMX2q/ pour essayer.

6
夏至夕陽

faites simplement un bouton caché comme celui-ci
HTML

<input type="submit" id="submitbtn"  />

CSS

#submitbtn{display:none;}

lorsque l'utilisateur appuiera sur le bouton Entrée, le formulaire sera envoyé
N'oubliez pas de mettre le type = "soumettre"

5
Waqas Tahir

Utilisez un <input type="submit"> au lieu d'un lien. Ensuite, la touche Entrée fonctionnera automatiquement.

5
sbking
// Process form if use enter key. put script in head.    
document.onkeyup = enter;    
function enter(e) {if (e.which == 13) submitForm();}

// uses keyup not down as better practice imo    
// submitForm() is user function that posts the form
1
iGuest