jquery - 如何在提交表单后显示加载图标，但在模型在 ASP .NET MVC 中无效的情况下不显示

Question

我想在提交表单后显示加载图标，但如果 View 模型无效(我的意思是 jQuery MVC 验证)则不会显示。

        <input type="submit" class="btn btn-default" value="Register"/>
        <div class="work-con"></div>

如果我使用这样的东西

    $("#myform").submit(function (event) {
        // Animate loader
        $(".work-con").fadeIn("slow");
    });

它工作正常，但即使模型无效并且显示警告，它也会显示图标。

Answer 1

MVC 使用 jQuery 验证。您可以使用它来检查表单是否有效:

$("#myform").submit(function (event) {

    var isValid = $('#myForm').valid();
    if (isValid) {    
        // Animate loader
        $(".work-con").fadeIn("slow");
    }
});