具有jQuery'加载'图像功能的ASP.NET MVC客户端验证

Question

我有一个jQuery函数，可显示“正在加载”图像并在提交表单时禁用“提交”按钮。 我还添加了Html.EnableClientValidation（）;

问题是，当我单击“提交”按钮并且表单无效时，我收到了所有验证错误消息，但“加载”图像从未停止，并且按钮保持“禁用”状态

我想添加一些功能来停止“加载”图像并在表单无效时启用按钮。

我知道如何编写jQuery函数，但不知道如何将其与MVC EnableClientValidation集成。

Answer 1

我想您正在使用AJAX表单是因为您正在谈论禁用和启用提交按钮，在这种情况下，我建议您在发送AJAX请求之前禁用提交按钮，这将确保客户端验证已通过。

如果您使用MS AJAX对表单进行AJAX修饰，则可以尝试的两个事件是OnBegin和OnComplete ：

<% Ajax.BeginForm(new AjaxOptions { 
    OnBegin = "enable" OnComplete = "disable" }) %>

如果使用的是jquery，则可以订阅beforeSend和complete事件，这可以通过$ .ajaxSetup全局实现。