使用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

首先，添加一個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事件形成;使它更容易處理兩個單獨的行動。