具有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全局實現。