JQ实现按下回车提交表单，以及按下回车取消表单提交

小程、

于 2023-03-30 10:46:57 发布

阅读量539

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/cheng1a/article/details/129852868

版权

文章介绍了如何使用jQuery（JQ）阻止默认的回车提交表单行为，以及在浏览器不支持此功能时如何添加该功能。通过监听键盘事件`keydown`，判断回车键（keyCode13）并决定是否执行提交或阻止提交操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先说一下，在开发时，现在大部分的浏览器，当表单中的文本框或其他可提交元素为当前焦点时，敲回车键就会触发表单提交，如果想取消按下回车自动提交表单问题，或者浏览器不支持按下回车自动提交表单该如何解决呢？向下看：

先看一下浏览器支持回车自动提交，想取消：

$(window).keydown(function(e){
	if(e.which == 13){
		return false;
	}
});

就可以取消回车提交表单了，还有一种方法在form表单内：

<form name="school" action="school.php" method="post" id="school" onkeypress="return event.keyCode != 13;">
</form>

主要作用在onkeypress="return event.keyCode != 13;"这句话里；

如果浏览器不支持回车自动提交表单，但是又想要这个功能呢：

$(document).keydown(function(event){
	if(event.keyCode==13){
		submit();
	}
});