Как перехватить событие onclick

Question

Я бы хотел перехватить событие onclick кнопки (не отправлять), прежде чем страница вернется назад после щелчка.

У меня возникли проблемы:

$(document).ready() { function() {
    function validate() { 
        ...
    }

    var oldOnClick = $("input[value=OK]").attr("onclick");
    $("input[value=OK]").attr("onclick", "if(!validate()) { return false; }" + oldOnClick));
});

Answer 1

Если вы все еще хотите обрабатывать событие нажатия кнопки вместо события отправки формы, как все предлагалось, вы можете сделать что-то вроде этого, используя анонимную функцию, чтобы вызвать вашу функцию oldOnClick, сохранив контекст и аргумент события:

$(document).ready(function () {
  function validate() { 
    // ...
  }

  var oldOnClick = $("input[value=OK]").get(0).onclick;
  $("input[value=OK]").click(function (e) {
    if(!validate()) {
      return false;
    }
    oldOnClick.call(this, e); // enforce the context and event argument
  });
});

Answer 2

Вместо того, чтобы пытаться перехватить событие onClick, вам следует использовать событие отправки .

Почему? Простые, не все формы отправляются нажатием кнопки, как насчет вкладки, ввода и т. Д.?

$("form").submit(function() { // do validation/stuff here }); добьется цели.

Вы можете return false; остановить отправку формы или return true;, если хотите пропустить ее. Выполните проверку в самом .submit.

Answer 3

e.preventDefault();

Более конкретно, вам нужно сделать это

$("#Your_form_id").submit(function(e) {
e.preventDefault();
// your code
});

Другой способ сделать это, как говорит Джейк, вернуть false после выполнения некоторой работы ... т.е.:

$("#Your_form_id").submit(function() {
// your code
return false;
});

См. Документацию Jquery по Отправить и События в целом

Answer 4

OnSubmit вызывается непосредственно перед отправкой формы. Вы даже можете отменить мероприятие, чтобы форма не была отправлена.