Question

我的表单上有两个提交按钮，保存并取消：

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

我想捕获“取消”并直接发送到网址。 “保存”的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

首先，在按钮中添加一个ID

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

然后

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

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

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

向按钮添加ID可让您定位按钮的click事件，而不是表单的submit事件;让它更容易处理两个单独的行动。

使用JQuery将表单取消按钮指向URL

1 个答案: