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

时间:2010-04-30 18:44:48

标签: javascript

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

编辑:我不想在提交时提交提交按钮,只能点击。

4 个答案:

答案 0 :(得分:8)

您可以使用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>

答案 1 :(得分:4)

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

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

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

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

答案 2 :(得分:2)

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

答案 3 :(得分:0)

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