取消類不submitHandler工作忽略按鈕點擊

Question

得到這兩個圖像按鈕：

<input type="image" src="images/Update.png" name="btnSubmit" value="Update"/> 
<input type="image" src="images/Cancel.png" value="Cancel" name="btnCancel" class="cancel" onclick="hide_edit_div()" /> 

現在，即使在取消按鈕點擊運行submithandler。我如何修改它以忽略它？

$(document).ready(function(){ 
    if(this.forms[4]) { 
    $("#editTaskInfo").validate({ 
     rules:{"task_title": {required: true}, 
       "task_instr": {required: true}, 
       "task_desc" : {required: true} 
       }, 
     submitHandler: function(form) { 
     var postData = $('#editTaskInfo').serialize(); 
     $.ajax({type: "POST", 
       url: "post_task.php", 
       data: postData, 
       dataType: "json", 
       success: function(data) { 
        if(textStatus == 'success') { 
        $("div.error span").html(data.msg); 
        $("div.error img").hide(); 
        $("div.error").show(); 
        $("#static_task_price").text(data.price); 
        $("#static_title").text(data.title); 
        $('html, body').animate({scrollTop:0}, 'fast'); 
        hide_edit_div(); 
        $("div.error").fadeOut(10000); 
        } 
       }, 
       error: function(jqXHR, textStatus, errorThrown) { 
        $("div.error span").html(errorThrown); 
        $("div.error img").show(); 
        $("div.error").show(); 
       } 
     }); 
     } 
    } 
    ); 
    } 
}); 

編輯：（因爲我不能回答我自己的8個小時，多麼愚蠢的限制）

修改的第二個按鈕是這樣一個div：

<div id="btnCancel" style="float:right; cursor:pointer; width:50px; height:20px; background-image: url(images/Cancel.png); " onclick="hide_edit_div()">&nbsp;</div> 

現在，如果我只能得到它正確定位。 ;-)

Answer 1

廣東話您使用簡單：

<img src="images/Cancel.png" id="btnCancel" onclick="hide_edit_div()" /> 

Answer 2

使用cancel類只將bypass the validation and will not stop the actual submission。您需要在其他地方處理該部分。可能的解決方法：

1. 更改Cancel按鈕的類型，以使其不再觸發提交。
2. 觸發的形式提交自己，點擊相應的按鈕，只有當 - 看到JQuery Validate - class="cancel" submit button only stops validation once

Answer 3

改變這樣的取消按鈕的類型;

<input class="cancel" type="button" id="close" value="Cancel" />