检查表单是否成功验证

Question

我有一个 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>

我们将不胜感激。

Answer 1

使用这个：

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

Answer 2

试试这个：

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

Answer 3

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

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