如何在asp.net mvc3中使用数据注释进行远程验证时显示ajax加载程序图像

Question

在我的 asp.net mvc3 应用程序中，我正在使用数据注释进行远程验证（如果用户已存在）。它运行良好。我想知道为什么我可以在远程验证（ajax 请求）发生时在表单中的输入字段旁边显示 ajax 加载程序图像。

请帮助我

谢谢

Answer 1

我认为如果不自己编写验证代码就无法做到这一点。

参见这篇文章：
http://www.highoncoding.com/Articles/767_Remote_Validation_in_ASP_NET_MVC_3.aspx

在 AJAX 调用中您必须添加 beforeSend 来显示图像，然后完成后隐藏它。

Answer 2

您可以使用 $.ajaxStart .ajaxStop 来实现此目的：

$("#yourRegisterFormToValidate")
          .ajaxStart(function () { $(".loader").show(); })
          .ajaxStop (function () { $(".loader").hide(); });

Answer 3

如果是我，我会希望阻止用户在验证之前将数据输入到任何其他字段中，因此我会使用 AjaxOptions 来指定动画和该动画的持续时间。

我想要的东西是这样的：

@{
    AjaxOptions ajaxOpts = new AjaxOptions
    {
        UpdateTargetId = "updateDiv",
        LoadingElementId = "myImg",
        LoadingElementDuration = 2000,        
        HttpMethod = "GET"        
    };    
}