使用javascript按Enter键提交表单
我不确定我在这里做错了什么。我希望回车键和单击按钮一样工作使用javascript按Enter键提交表单,javascript,forms,key,submit,enter,Javascript,Forms,Key,Submit,Enter,我不确定我在这里做错了什么。我希望回车键和单击按钮一样工作 <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"
<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>
试试这个:
document.getElementById('email').onkeydown = function(e){
if(e.keyCode == 13){
// submit
}
};
使用
而不是链接。然后回车键将自动工作。哦,这是因为HTML表单元素没有将链接识别为单击按钮。。
你需要把它换成一个按钮
<input type="submit" value="this will display on your button" onClick="javascript:void(0)">
但是如果你想让它看起来像一个链接,你应该在css中这样做
<style type="text/css">
input{background-color:white;border:0 none;}
</style>
输入{背景色:白色;边框:0无;}
以下所有代码都应添加到脚本块或文件中。
定义提交功能:
function submitForm(){
document.priceOptionForm.submit();
document.priceOptionForm.method='post';
}
对于要提交表单的enter键:
document.onkeydown=function(){
if(window.event.keyCode=='13'){
submitForm();
}
}
要获得工作链接,请执行以下操作:
document.getElementById("profile_price").onclick=submitForm;
您可以参考进行一些尝试。只需制作一个这样的隐藏按钮
HTML 当用户点击enter按钮时,表单将被提交
别忘了把type=“submit”放在下面的代码段中……它应该被添加到脚本块中
<script>
document.onkeydown=function(evt){
var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
if(keyCode == 13)
{
//your function call here
}
}
</script>
document.onkeydown=函数(evt){
var keyCode=evt?(evt.which?evt.which:evt.keyCode):event.keyCode;
如果(键代码==13)
{
//你的函数调用在这里
}
}
您可以将默认按钮ID放入表单标签自动触发中
<form id="form1" runat="server" defaultbutton="Button1">
<asp:Button ID="Button1" runat="server" Text="Button"
OnClick = "Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Button"
OnClick = "Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="Button"
OnClick = "Button3_Click" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>
当用户在编辑表单中的字段(例如)时,单击提交按钮(或)或按Enter键时,将触发提交事件。直接调用form.submit()方法时,事件不会发送到表单。
哪一个不起作用?输入键,还是按钮?我在这里找到了解决方案:如果您想执行代码隐藏,请参阅下面的this.Form.DefaultButton=“Button1”;
<script>
document.onkeydown=function(evt){
var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
if(keyCode == 13)
{
//your function call here
}
}
</script>
// 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
<form id="form1" runat="server" defaultbutton="Button1">
<asp:Button ID="Button1" runat="server" Text="Button"
OnClick = "Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Button"
OnClick = "Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="Button"
OnClick = "Button3_Click" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>