使用javascript在Enter键上提交表单

Question

我不确定我在这里做错了什么.我想使用回车键以及单击按钮.

<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

试试这个:

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

Answer 2

请使用下面的代码片段...它应该添加到脚本块中

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

以下所有代码都应添加到脚本块或文件中.定义提交功能:

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

对于提交表单的回车键:

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

要获得工作链接:

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

您可以参考http://jsfiddle.net/honglonglong/YMX2q/进行一些尝试.

Answer 4

使用<input type="submit">而不是链接.然后输入键将自动运行.

Answer 5

只需创建一个像这个
HTML 的隐藏按钮

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

CSS

#submitbtn{display:none;}

当用户点击回车按钮时,表单将被提交
不要忘记输入type ="submit"