检查表单验证是否成功答案

【问题标题】：Checking Sucsessfull Validation of Form检查表单验证是否成功
【发布时间】：2019-05-28 10:11:25
【问题描述】：

我有一个 C# ViewModel，为自动验证指定数据注释。我在 Razor 代码中渲染视图。如果所有验证都通过了，我需要检查客户端的 JavaScript。

我试图捕捉表单的提交事件。这有效，但在验证完成后不会被解雇。我发现我需要检查一个状态，或者监听一些在验证成功时会触发的事件。

    $(document).ready(function () {
        alert("Before Fade");
        $("#LoaderSpinner").fadeOut('hidden');
    });

    $("#HelloForm").submit(function () {
        alert('SUBMITTED THE FORM');
        // Here i need to check if the form validated before activating the spinner
        $("#LoaderSpinner").fadeIn();
    });

</script>

我们将不胜感激。

【问题讨论】：

您的控制器使用的是 Web API 还是 ASP.NET MVC？
我正在使用 MVC。

标签： c# asp.net-mvc validation model-view-controller data-annotations

【解决方案1】：

使用这个：

if($("form").valid()){
    ....
}

【讨论】：

【解决方案2】：

试试这个：

$('form').submit(function(evt) {
    evt.preventDefault();
    var $form = $(this);
    if($form.valid()) {
        //do stuff here
    }
});

【讨论】：

【解决方案3】：

$("#HelloForm").on('submit', function (e) {
    e.preventDefault();

    if($("#HelloForm").valid()) {
        $(this).off('submit').submit();
    }
});

【讨论】：