Chrome扩展程序编程 - 取消表单提交

Question

我有一个chrome扩展，它只是一个带有两个输入字段和一个提交按钮的简单表单。我遇到的问题是这样的事情：

  $('#submit').submit(function() {
    $('#word').val('')
    $('#translation').val('')
    return false
  })

仍然重新加载popup.html（例如提交表单）！我被迫将提交按钮的类型更改为“按钮”并使用

  $('#submit').live('click', function(e) {
    $('#word').val('')
    $('#translation').val('')
  })

这有效，但现在（当然）ENTER不能用于表单'提交'......我觉得这是一个黑客，当原来通过返回false来重新加载的预防工作...

其他人有这样的问题吗？

Answer 1

.submit()是表单上的事件，而不是提交按钮。

即

<form onsubmit="return false;"></form>

Answer 2

我们可以通过在事件对象上调用.preventDefault（）或从表单的onsubmit事件返回false来取消提交操作。

 $('#YOUR_FORM_ID').submit(function() {
    $('#word').val('')
    $('#translation').val('')
    return false
  })