Question

特别是，在ASP.Net MVC项目中，我想显示在将表单发布到服务器并调用next操作方法时使用jQuery加载图像的情况，因为登录后登录需要花费太多时间来加载下一页

我在提交按钮上尝试了 onclick（） javascript方法：

<input type="submit" onclick="jsFunction()">

表单的 onsubmit（）方法：

<form onsubmit="jsFunction"> ... </form>

或

@using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { onsubmit = "jsFunction()" }))
{

对于这两种情况，即使存在本地验证错误，两者都将被调用。

仅当提交到服务器的表单满足本地验证错误时，我才必须显示加载img。

任何想法都可以通过什么方式实现？

Answer 1

首先为表单添加id属性值，如下所示：

@using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { id = "yourFormId" }))
{
}

现在，您可以使用jQuery检查表单是否有效，如下所示：

$(document).ready(function(){
    $("#yourFormId").on('submit',function(){
        if($("#yourFormId").valid())
        {
           // here write code to show loading image.
        }
   });
});

确保您的表单视图包含以下脚本文件：

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

在ASP.NET MVC中使用Ajax提交表单时显示验证消息

1 个答案: