我在一个网站上有一个调查，用户按下回车键(我不知道为什么)，不小心没有点击提交按钮就提交了调查(表单)，这似乎有些问题。有办法防止这种情况吗?
我在调查中使用HTML, PHP 5.2.9和jQuery。
当前回答
如果你使用脚本来实际提交，那么你可以像这样在onsubmit处理程序中添加“return false”行:
<form onsubmit="return false;">
从JavaScript调用表单上的submit()不会触发该事件。
其他回答
不需要阻止用户按Enter键(这似乎不自然)，您可以让表单保持原样，并添加一些额外的客户端验证:当调查未完成时，结果不会发送到服务器，用户会收到一条漂亮的消息，告诉需要完成哪些内容才能完成表单。如果您正在使用jQuery，请尝试验证插件:
http://docs.jquery.com/Plugins/Validation
这将需要比捕捉Enter按钮更多的工作，但肯定会提供更丰富的用户体验。
我有一个类似的问题，我有一个网格与“ajax textfields”(Yii CGridView)，只有一个提交按钮。每次我在文本框中搜索并点击输入提交的表单。我必须对按钮做一些事情，因为它是视图之间唯一的公共按钮(MVC模式)。我所要做的就是删除type="submit"，并把onclick="document.forms[0].submit()
进入你的css，把它添加进去，然后会自动阻止公式的提交，只要你有提交输入，如果你不再需要它，你可以删除它，或者输入activate和deactivate
input:disabled {
background: gainsboro;
}
input[value]:disabled {
color: whitesmoke;
}
我在这里没有看到答案:当您通过页面上的元素时，当您到达提交按钮时按Enter将触发表单上的onsubmit处理程序，但它将记录事件为MouseEvent。以下是我的简单解决方案:
这不是一个与jquery相关的答案
HTML
<form onsubmit="return false;" method=post>
<input type="text" /><br />
<input type="button" onclick="this.form.submit()" value="submit via mouse or keyboard" />
<input type="button" onclick="submitMouseOnly(event)" value="submit via mouse only" />
</form>
JavaScript
window.submitMouseOnly=function(evt){
let allow=(evt instanceof MouseEvent) && evt.x>0 && evt.y>0 && evt.screenX > 0 && evt.screenY > 0;
if(allow)(evt.tagName=='FORM'?evt.target:evt.target.form).submit();
}
要找到一个工作示例:https://jsfiddle.net/nemesarial/6rhogva2/
如果使用Vue，使用以下代码来阻止用户通过按Enter提交表单:
<form @submit.prevent>...</form>
