Используйте JQuery, чтобы направить кнопку Отмена формы на URL

Question

У меня есть две кнопки отправки в моей форме, Сохранить и Отменить:

    <p>
        <input type="submit" value="Save" />
        <input type="submit" value="Cancel"/>
    </p>

Я хочу захватить «Отмена» и направить на URL. Путь к коду JQuery для «Сохранить» работает. Путь для «Отмена» выполняется, но ничего не происходит.

$("form").submit(function (e) {
            var submitted = e.originalEvent.explicitOriginalTarget.value || e.originalEvent.relatedTarget.value || document.activeElement.value;
            if (submitted == "Save") {
                return true;
            }
            else {
                e.preventDefault();
                var actionUrl = "/myUrl/" + $("#id").val();
                $.get(actionUrl);
            }
        });

Я делаю это с MVC3.

Answer 1

Сначала добавьте идентификатор к своей кнопке

<input type="submit" id="cancel" value="Cancel">

Затем

$('#cancel').click(function(){

  // redirect
  window.location.href = 'http://google.com';

  // prevent default behavior of button
  return false;
});

Добавление идентификатора к кнопке позволяет назначить событие click кнопки вместоsubmit событие формы;немного упростите обработку двух отдельных действий.