登录时使用的Ajax加载器（ASP.NET MVC）

Question

我以前使用过ajax-loader.gif，但成功过滤了用户。

我现在想用它登录表单上，但它不工作（装载机没有显示）

这里是我的代码：

@model Models.Login 

@using (Ajax.BeginForm("Index", "Login", new AjaxOptions { UpdateTargetId = "ajaxUpdatedPanel", LoadingElementId = "loader" })) 
{ 

<div id="box_login"> 
    <div class="editor-label"> 
     @Html.LabelFor(m => m.Username) 
    </div> 
    <div class="editor-field"> 
     @Html.TextBoxFor(m => m.Username) 
     @Html.ValidationMessageFor(m => m.Username) 
    </div> 
    <div class="editor-label"> 
     @Html.LabelFor(m => m.Password) 
    </div> 
    <div class="editor-field"> 
     @Html.PasswordFor(m => m.Password) 
     @Html.ValidationMessageFor(m => m.Password) 
    </div> 
    <br /> 
    <div class="mask roundedCorners" style="float:left;"> 
     <input type="submit" class="btn" value="Logg inn" /> 
    </div> 
    <div id="loader" style="display:none;float:left;width:100px;margin: 8px 0 0 10px;"> 
     <img src="~/Content/images/loader16.gif" /> 
    </div> 
</div> 

@Html.ValidationSummary(true) 
} 

Answer 1

这应该做

$(document).ready(function() { 

    $('form').submit(function() { 
     if (!someValidations()) { 
      return false; 
     } else { 
      $('form #loader').show(); 
     } 
     return true; 
    }); 

    function someValidations() { 
     return true; 
    } 

});