通過煙確認提交表單jQuery驗證

Question

我想提交我的表格 - 通過smoke選項（bootstrap 2.0.3）批准了一個確認窗口後。直到我插入驗證後，這個工作才完成，但現在，即使您確認 - 沒有任何反應。表單不提交。

這裏是我的代碼，嘗試了幾個選項。

你的眷顧是感激！

$("#enroller").validate({ 
      submitHandler: function() { 
      //tried also: submitHandler: function(form) { 

       var selectedCount = $(".gradeOption[value!='']").length; 

       var questionAmount = selectedCount; // count how many fields were filled 

       smoke.confirm('you are about to submit '+questionAmount+' grades - please confirm.',function(e){ 
        if (e){ 
         $("#enroller").submit(); 
         //tried also: $(form).submit(); 
        }else{ 
         smoke.alert('save was cancelled', {ok:"close"}); 
        } 
       }, {ok:"yes - save", cancel:"cancel"}); 


      } //submitHandler 

}); //validate 

Answer 1

當您使用submitHandler回調函數，你再要某種submit或者通過ajax或默認formaction程序返回到它。

在您的submitHandler邏輯的適當位置內，放置一個$(form).submit();，它將立即觸發提交默認的formaction。

submitHandler: function(form) { // <- pass in the "form" argument 
    // your other code 
    $(form).submit(); // <- trigger default form action 
} 

注意：

• 要使用$(form).submit();，你必須通過form參數到函數。

• 您的<form>標記中必須具有有效的action屬性。

正如你所看到的，它的工作：http://jsfiddle.net/wD2Qn/

---

我在你的代碼，發現了以下語法錯誤。你有一個大括號，}，它會過早地關閉submitHandler函數，從而打破了jQuery Validate插件。

submitHandler: function() { 

    var selectedCount = $(".gradeOption[value!='']").length; 

    var questionAmount = selectedCount; // count how many fields were filled 

    } // <--- what is this?? Prematurely closes 'submitHandler' function 

    smoke.confirm('you are about to submit '+questionAmount+' grades - please confirm.',function(e){ 
     if (e){ 
      $("#enroller").submit(); 
      //tried also: $(form).submit(); 
     }else{ 
      smoke.alert('save was cancelled', {ok:"close"}); 
     } 
    }, {ok:"yes - save", cancel:"cancel"}); 

} //submitHandler 

---

編輯：

他們的文檔是很稀疏，但我的猜測是，smoke.js JavaScript的插件根本無法它的功能範圍內處理任何jQuery的。

在地方$(form).submit()，嘗試純JavaScript版本：

document.getElementById("enroller").submit();