清洁方式以防止输入按钮提交表单

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设置为不可见（显示：无）按钮。这样，您可以完全控制当用户在没有（与浏览器相关的）Java脚本的情况下按下Enter键时会发生什么。如果您不处理其onclick事件，则回车键将被隐藏。

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