提交表单后如何显示加载图标，但如果模型在ASP .NET MVC中无效，则如何显示

Question

我想在提交表单后显示加载图标，但是如果View Model无效（我的意思是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");
    }
});