Программирование расширений 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() - это событие в форме, а не в кнопке отправки.

IE

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

Answer 2

мы можем отменить действие отправки, вызвав .preventDefault () для объекта события или вернув false из события onsubmit формы.

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