.submit（）不能與其他jQuery函數一起使用？

Question

這是一個相當基礎的調查表格;我使用JQuery根據用戶選擇有條件地顯示/隱藏字段。

//FORM CONDITIONALS Hides all the helpfulness radios and only shows them when "Yes" for a particular question is checked 
$("#datainp .occurrence").click(function() { 
    var nexttd = $(this).next('td'); 
    if ($(this).children("input:first").is(':checked')) { 
     $(nexttd).show(); 
     $(nexttd).children("input").removeAttr("checked"); 
    } else { 
     $(nexttd).hide(); 
    } 

我有一個客戶端驗證功能以及：。

//Client side validation and submissions 
$('#submit').click(function(e) { 

    e.preventDefault(); 

    var level = $('#Level').val(); 
    var schoolid = $('#school').val(); 

    if (!schoolid) { 
     alert("Please select a school!"); 
     return; 
    } 
    if (!level) { 
     alert("Please select a grade level!"); 
     return; 
    } 
    alert("foo"); 
    $('#frmTeacherEvalGuidance').submit(function() {alert("bar") }); 

}); 

一切正常，除了在我的驗證的結束.submit（）（警報確認）。是否與我的表單條件部分與.submit（）衝突？當我註釋掉JavaScript的第一部分時，表單會按照它應該提交的內容提交。的jsfiddle是在這裏：http://jsfiddle.net/r4Y4g/1/（html的是一點點笨拙，我知道，但不是我的;更新舊的團隊項目），而不是.preventDefault

Answer 1

您應該使用.stopPropagation（）（）

試試這個：

//Client side validation and submissions 
    $('#submit').click(function(e) { 

     e.stopPropagation(); 

     var level = $('#Level').val(); 
     var schoolid = $('#school').val(); 

     if (!schoolid) { 
      alert("Please select a school!"); 
      return false; 
     } 
     if (!level) { 
      alert("Please select a grade level!"); 
      return false; 
     } 

     return true; 
    }); 

Answer 2

你可以添加一個監聽器來代替：

$("#frmTeacherEvalGuidance").on("submit", function() { 
    alert("bar"); 
});