form表单点击回车或者点击按钮会自动提交表单的问题

syousetu

于 2020-10-09 17:29:59 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： html5 javascript

本文链接：https://blog.csdn.net/syousetu/article/details/108982822

版权

18 篇文章

订阅专栏

本文介绍了解决表单自动提交的问题，包括使用button替代submit按钮及通过全局监听input的回车事件来阻止默认行为的方法。

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

问题描述

form表单下，点击按钮或者input中输入回车键，浏览器会自动提交表单

如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX GOOGLE默认为 type=submit

按钮添加属性 type=button

form表单中有输入框，输入回车，会自动提交表单

写全局监听input的keypress事件，当监听到时回车的时候，return false

$("input").keypress(function (event) {
    // 13代表当前的按键是 13
    if (event.keyCode == 13) {
        return false;
    }
})```