检查表格的成功验证

时间:2019-05-28 10:11:25

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

我有一个C#ViewModel,它指定了用于自动验证的数据注释。 我用Razor代码渲染“视图”。 我需要在JavaScript客户端进行检入,是否通过所有验证。

我已尝试捕获表单的Submit事件。这项工作有效,但在验证完成后未触发。我确认需要检查状态,或侦听验证成功后将触发的某些事件。

    $(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>

朝着正确的方向微移。

3 个答案:

答案 0 :(得分:1)

使用此:

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

答案 1 :(得分:1)

尝试一下:

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

答案 2 :(得分:1)

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

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