在提交按钮单击时阻止页面刷新

时间:2015-06-18 06:17:14

标签: asp.net-mvc-4

我在Mvc4工作。创建验证。当我单击提交按钮并且验证失败并且整个页面被刷新以显示验证消息时。我不希望我的页面得到刷新。另一个问题是有没有办法在没有Httppost的情况下进行模型验证?

1 个答案:

答案 0 :(得分:2)

在服务器端验证中,必须通过回发提交页面以在服务器上进行验证,如果模型数据无效,则服务器会将响应发送回客户端。通过客户端验证,输入数据一经提交就会被检查,因此没有回发到服务器,也没有页面刷新。

通过使用代码,您可以添加客户端验证。 请在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