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

最新推荐文章于 2024-08-04 16:33:59 发布

小程、

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量446

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/cheng1a/article/details/129852868

版权

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

摘要由CSDN通过智能技术生成

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

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

$(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();
	}
});

关注