防止頁面刷新提交按鈕單擊

Question

我正在Mvc4中工作。創建一個驗證。當我點擊提交按鈕時，驗證失敗，整個頁面將刷新以顯示驗證消息。我不希望我的頁面被刷新。另一個問題是有沒有辦法做沒有Httppost的模型驗證？

Answer 1

在服務器端驗證中，頁面必須通過回發提交才能在服務器上驗證，並且如果模型數據無效，則服務器會將響應發送回客戶端。通過客戶端驗證，輸入數據在提交後立即進行檢查，因此不會向服務器回發，也不會刷新頁面。

通過使用代碼，您可以添加客戶端驗證。 請在web.config文件中添加以下應用程序設置代碼片段。

<configuration> 
    <appSettings> 
    <add key="ClientValidationEnabled" value="true" /> 
    <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 
    </appSettings> 
</configuration> 

請在您的視圖中添加以下腳本。

<script src="~/Scripts/jquery.js"></script>  
<script src="~/Scripts/jquery.validate.js"></script>  
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script> 

請嘗試使用上面的代碼，並讓我知道是否有任何問題。請查看下面的演示鏈接瞭解更多詳情。

Link1

Link2