如何爲表單添加選擇提交，只有在特定的按鈕類型引起表單提交

Question

我有以下代碼：

$(document).ready(function() { 
    $('body').on("submit", "form", function() { 

     $(this).find('.btn-primary').prop("disabled", "disabled"); 
     $('#progress').show(); 
    }); 
    $('body').on("change", "form", function() { 

     $('.btn.btn-primary').prop("disabled", false); 
     $('#progress').hide(); 


    }); 
}); 

但我怎麼能強制腳本只有一個按鈕，不得不解僱.btn.btn-primary導致表單提交，而如果我使用例如類.btn.btn-default的按鈕提交表單而不觸發上述腳本？

編輯 我試過，但現在該腳本將永遠不會火：

$(document).ready(function() { 
    $(document).on("submit", "form", function() { 
     //^^ use document instead of body 
     //check if button has btn.btn-default class and if exist return 
     if($('button').hasClass('btn.btn-default')){ 
      return; 
     } 
     $(this).find('.btn-primary').prop("disabled", "disabled"); 
     $('#progress').show(); 
    }); 

$(document).on("submit", "form", function() { 
     //$('form').change(function() { 
     $('.btn.btn-primary').prop("disabled", false); 
     $('#progress').hide(); 


    }); 
}); 

Answer 1

可以返回的形式，如果按鈕具有使用hasClass

$(document).on("submit", "form", function() { 
//^^ use document instead of body 
//check if button has btn.btn-default class and if exist return 
     if($('button').hasClass('btn.btn-default'){ 
      return; 
     } 
     $(this).find('.btn-primary').prop("disabled", "disabled"); 
     $('#progress').show(); 
    }); 

Answer 2

類您正在測試多個合併班，所以您必須將hasClass中的班級與space（不是點）分開：

// if the button has both classes 
    if($('button').hasClass('btn btn-default')){ 
     return; 
    } 

例如，文本示例：http://jsfiddle.net/80001ra0/