javascript - presionar - press enter in form submit

Enviar formulario en la tecla Intro con javascript

Question

No estoy seguro de lo que estoy haciendo mal aquí. Quiero que la tecla Intro funcione, al igual que hacer clic en el botón.

<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

Oh, eso es porque el elemento de formulario HTML no reconoce el enlace como un botón, para hacer clic ... debe reemplazarlo con un botón ...

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

pero si quieres que se vea como un enlace, debes hacer esto en el css

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

Answer 2

Prueba esto:

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

Answer 3

Todos los códigos a continuación deben agregarse al bloque o archivo de script. definir la función de envío:

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

Para la tecla enter para enviar formulario:

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

Para que el enlace funcione:

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

Puede consultar http://jsfiddle.net/honglonglong/YMX2q/ para intentarlo.

Answer 4

Use un <input type="submit"> lugar de un enlace. Entonces la tecla enter funcionará automáticamente.

Answer 5

Utilice el siguiente fragmento de código ... Se debe agregar al bloque 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>

Answer 6

simplemente haga un botón oculto como este
HTML

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

CSS

submitbtn{display:none;}

cuando el usuario presione el botón Enter el formulario será enviado
No te olvides de poner el tipo = "enviar"