为什么我的表单会重新加载页面?

时间:2013-12-11 20:38:39

标签: javascript jquery ajax

我更喜欢通过点击“返回”来提交表单值,并且我之前做的所有设置都正常工作,但今天它停止了工作。以下是我一直关注的步骤。

  1. 包含jQuery
  2. 设置表单
  3. 防止提交
  4. $(document).ready(function(){
      $(document).on('keyup', myFormSelector, function(event){
        if ( event.keyCode === 13 ) {
          event.preventDefault();
        }
      });
    });
    

2 个答案:

答案 0 :(得分:2)

将事件更改为keydown,它将起作用。

答案 1 :(得分:1)

尝试从submit事件中禁用默认行为并添加SUBMIT元素(display:none)。

如果表单确实有submit-element,则返回键的工作方式与您想要的一样。

如何禁用提交事件:

$('#myForm').submit(function(e) {
    e.preventDefault(); // disabling default submit with reload.
    // ajax code here
});

如果这不起作用,你也可以试试这个:

<form id="myForm" onsubmit="return false"> ... </form>

返回false也会停止提交。

使用提交元素而不是keyup / keydown时,您将能够在页面上添加多个具有所需行为的表单。

相关问题