Make取消按鈕繞過自定義使用Jquery驗證

Question

我在我的mvc應用程序上有兩個提交按鈕。

1.

<input type="submit" class="btnsubmit" value="Add Subscription" name="Submit" /> 

2.

<input class="cancel" type="submit" value="Cancel" onclick="CheckBox()"/> 

在文檔準備功能我有這個。

$(document).ready(function() { 
     $('#form').submit(function() { 
      var $fields = $(this).find('input[name^="chk_"]:checked'); 
      if (!$fields.length) { 
       alert('You must select at least one record !'); 
       return false; // The form will *not* submit 
      } 
     }); 
    }); 

基本上可以只提交時ATLEAST一個複選框被選中的形式，但我希望用戶能夠擊中取消，並回到主頁。但現在，當我點擊取消按鈕時，應用程序會嘗試提交該頁面，並檢查是否有任何複選框被選中，哪些我不想取消按鈕單擊。

任何方法/意見？謝謝 ！！

Answer 1

<input class="cancel" type="submit" value="Cancel" onclick="CheckBox()"/> 

change tye=submit to type=button。因爲，type=submit作出缺席形式submission.So它看起來像：

<input class="cancel" type="button" value="Cancel" onclick="CheckBox()"/> 

或者，您可以更改按鈕，如：

<button class="cancel" onclick="CheckBox()">Cancel</button>