javascript中的asp.net MVC表单验证

我有一个带有ajax表单的页面。当我按下提交按钮时，它应该加载一些加载gif。请参阅以下HTML和javascript：

@使用Ajax.beginformationname、ControllerName、null、新的AjaxOptions{HttpMethod=POST、UpdateTargetId=DivToUpdate}、新的{id=myForm} { @Html.AntiForgeryToken

@Html.LabelFor(model => model.PagerSize)
    @Html.EditorFor(model => model.PagerSize, new { htmlAttributes = new { @class = "form-control myForm", style = "width:100px" } })
    @Html.ValidationMessageFor(model => model.PagerSize)

<input id = "ajaxFormSubmitButton" type = "submit" />
}

<script>
$("#myForm").submit(function (event) {

           DisplayLoading();

       });

</script>

它可以正常工作，直到我的模型无效。例如，当我的页面大小超出我的范围时，它会继续显示我正在加载的gif，因为页面不会加载任何其他内容。是否可以仅在我的ModelState.IsValid时加载显示加载

例如，类似这样的事情：

<script>
$("#myForm").submit(function (event) {
If (MyMagicVariableWhichKnowsMyModelStateIsValid){
           DisplayLoading();
}
       });

</script>

---

您可以检查以下表格是否有效：

$("#myForm").submit(function (event) {
if ($("#myForm").valid()){
       DisplayLoading();
}
});

---

请将问题格式化谢谢，这正是我想要的。我会尽快处理