如何使用Enter键提交表单。没有提交按钮?
我测试了以下代码,但它无效。
$("input").bind("keydown", function(event) {
console.log('came');
var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
if (keycode == 13) { // keycode for enter key
document.getElementById('submitButton').click();
// $('#frmAddPurchaseord').submit();
return false;
} else {
return true;
}
});
<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
//Submit button
<input id="submitButton" type="image" name="submit" src="<?=$gCommonImagePath?>btn_save.png" />
</form>
请建议我!
答案 0 :(得分:7)
保持简单:
<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
<input type="text" name="name" onkeypress="if(event.keyCode==13) {this.submit();}" />
</form>
使用jquery:
$("input").keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
$("#frmAddPurchaseord").submit();
}
});
希望这有帮助。
答案 1 :(得分:2)
如果要在每个输入键上提交表单,可以将事件绑定到文档对象,则可以使用跨浏览器的jQuery which
对象的event
属性:
$(document).on("keyup", function(event) {
if (event.which == 13) {
$('form').submit();
event.preventDefault()
}
});
如果没有,你可以尝试:
$('input').on("keyup", function(event) {
if (event.which == 13) {
$('form').submit();
event.preventDefault()
}
});
答案 2 :(得分:1)
试试这个:
$("#frmAddPurchaseord").submit(); /* the id of the form */
<强> jQuery的:强>
$("input").bind("keydown", function(event) {
console.log('came');
var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
if (keycode == 13) { // keycode for enter key
document.getElementById('buttonId').click();
$("#frmAddPurchaseord").submit();
return false;
} else {
return true;
}
});
答案 3 :(得分:1)
尝试:
$("input").keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
$("#frmAddPurchaseord").submit();
}
}
答案 4 :(得分:1)
<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post" onkeypress="if(event.keyCode==13) {this.submit();}" >
</form>
答案 5 :(得分:1)
试试这个。 DEMO
<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
<input id="submitButton" type="text" name="submit" src="<?=$gCommonImagePath?>btn_save.png" />
</form>
jquery .submit()
$('#frmAddPurchaseord').submit(function(e){
e.preventDefault();
alert($('#submitButton').val());
});