如何使用回车键禁用表单提交？

Question

我在输入按键上有一个js事件，工作正常。 但在该事件之后，它还提交了具有提交按钮的表单。 如何在上一次按键事件后停止提交按钮？

编辑：我不希望提交按钮提交，只需点击。

Answer 1

你可以用java脚本做到这一点如下;

    <script type="text/javascript">

    function stopReloadKey(evt) {
      var evt = (evt) ? evt : ((event) ? event : null);
      var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
      if (evt.keyCode == 13)  {
          return false;
      }
    }

    document.onkeypress = stopReloadKey;

    </script> 

或者使用Jquery你可以这样做，

<script type="text/javascript">
        $(document).ready(function() {
           $("form").bind("keypress", function(e) {
              if (e.keyCode == 13) {
                 return false;
              }
           });
        });
</script>

Answer 2

不确定我是否理解正确，但如果您试图阻止表单提交：

附加onsubmit事件并从中返回false。

<form onsubmit="submit_handler();"></form>
[...]

function submit_handler()
{
    //do stuff
    return (false);
}

Answer 3

通常，对于“如何让我的表单在我之后继续提交......”类型的javascript问题的答案是“让你的javascript函数返回false ”。

Answer 4

任何一个输入触发你需要覆盖它的提交事件 - 这里有一个简短的示例代码（5行）如何做到这一点http://www.bloggingdeveloper.com/post/Disable-Form-Submit-on-Enter-Key-Press的.aspx