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

zsh*_*arp 5 javascript

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

编辑:我不希望提交按钮提交,只需点击.

Kai*_*ane 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> 
Run Code Online (Sandbox Code Playgroud)

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

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


nc3*_*c3b 4

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

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

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

function submit_handler()
{
    //do stuff
    return (false);
}
Run Code Online (Sandbox Code Playgroud)