表单提交事件没有在布局页面中触发？

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'); 
     } 
    }); 
});