Senden Sie das Formular auf die Eingabetaste mit Javascript

Question

Ich bin mir nicht sicher, was ich hier falsch mache. Ich möchte, dass die Eingabetaste funktioniert und auf die Schaltfläche klickt.

<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> 

Answer 1

Try this:

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

Answer 2

eine <input type="submit"> anstelle eines Links verwenden. Dann wird die Eingabetaste automatisch funktionieren.

Answer 3

Oh, das ist so, weil das HTML-Formularelement, nicht den Link als Button erkennen zu klicken .. Sie es mit einem Knopf ersetzen müssen ...

<input type="submit" value="this will display on your button" onClick="javascript:void(0)"> 

aber wenn Sie es wollen aussehen wie ein Link Sie sollten dies in der css

<style type="text/css"> 
input{background-color:white;border:0 none;} 
</style> 

Answer 4

Alle folgenden Codes sollten in Skriptblock oder Datei hinzugefügt werden. definieren Funktion einreichen:

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

Für die Enter-Taste Formular abschicken:

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

für den Link zu arbeiten:

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

Sie auf http://jsfiddle.net/honglonglong/YMX2q/ für einige versuchen, verweisen.

Answer 5

einfach eine versteckte Schaltfläche machen wie diese
HTML

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

CSS

submitbtn{display:none;} 

, wenn der Benutzer die Enter-Taste getroffen wird das Formular eingereicht werden
nicht vergessen zu setzen der type = "submit"

Answer 6

Bitte verwenden Sie den folgenden Code-Schnipsel ... Es sollte in Scrip hinzugefügt werden t Block

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