表單提交事件沒有在佈局頁面中觸發？

Question

我在Begin Form和submit button內部有幾個意見，但共同的東西都指的是相同的佈局。

我放置$(form)提交邏輯佈局（DRY），我期待，當我點擊提交按鈕佈局的邏輯來觸發，但它並沒有發生。

佈局：

<script type="text/javascript"> 
     $('form').submit(function() { 
      if ($(this).valid()) { 
       $(':submit', this).attr('disabled', 'disabled'); 
      } 
     }); 
</script> 

查看：

//layout refered 
@using (Html.BeginForm("actionName", "controllerName", FormMethod.Post)) 
{ 
<button name="SUBMIT" type="submit" value="SUBMIT">SUBMIT</button> 
} 

如果我有什麼，我有layout我every view它的工作很好，但是當我有它在layout相同的邏輯它似乎有問題。

任何解決方法，使其工作將是偉大的。

Answer 1

我想你需要把它包裝在文檔就緒塊中，因爲form提交事件註冊只能在DOM加載時完成。

$(function(){ // <-----this should be wrapped within this. 
    $('form').submit(function() { 
     if ($(this).valid()) { 
      $(':submit', this).attr('disabled', 'disabled'); 
     } 
    }); 
});