防止输入按钮提交表单的干净方法

Question

我见过很多 Javascript 解决方案来做到这一点，但我确信一定有一种更简单的方法。

我有一个非常简单的表单 - 一个多行文本框和一个提交按钮。我希望用户能够提交“格式化”文本（即像电子邮件一样，带有段落、换行符等）

但是，当用户按 Enter 键输入回车符时，它会提交表单。

我在那里必须有一个属性或其他东西来控制它，因为这一定是一个常见问题。 Javascript 作为解决方案似乎有点太复杂了。

Answer 1

将提交按钮上的UseSubmitBehavior属性设置为FALSE。 （此处找到了解决方案）

Answer 2

以下代码解决了我的问题：

http:// www.itorian.com/2012/07/stop-from-submission-posting-on-enter.html

<script type="text/javascript">
    //Stop Form Submission of Enter Key Press
    function stopRKey(evt) {
        var evt = (evt) ? evt : ((event) ? event : null);
        var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
        if ((evt.keyCode == 13) && (node.type == "text")) { return false; }
    }
    document.onkeypress = stopRKey;
</script>

将其放在母版页中或仅放在您想要的页面中。

Answer 3

使用提交行为对我不起作用，但这

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

对我有用

Answer 4

您可以设置 DefaultButton将文本框周围的表单或面板上的不可见（显示：无）按钮。通过这种方式，您可以完全控制当用户按下回车键时会发生什么，而无需（依赖于浏​​览器）Javascript。如果你不处理它的onclick事件，回车键将被抑制。

http://geekswithblogs.net/ranganh/archive/2006/04/12 /74951.aspx

Answer 5

与Max的答案类似，但显示完整的代码：

    function EnterKeyFilter() {
        if (window.event.keyCode == 13) {
            event.returnValue = false
            event.cancel = true
        }
    }
    window.addEventListener('keydown', EnterKeyFilter)
</script>

当然，也与其他答案类似，否则它不会工作，但可能更简单。

Answer 6

你尝试过这个吗？ - 在文本区域中输入密钥

Answer 7

在 HTML 前端只需将 body 标签替换为 body onkeydown = "return (event.keyCode!=13)