如何使此功能继续提交表单

Question

这是函数，我只希望它在表单提交时提交或激活。目前，我必须为每个表单添加onclick="ShowProgressAnimation();"，我想在单击提交时进行，全局设置

function ShowProgressAnimation() {
  $("#loading-div-background").css({ opacity: 0.8 });
  $("#loading-div-background").show();
  $(".button-2").hide();
}

Answer 1

为简单起见，假设您的表单具有 ID #myForm：

form = document.getElementById('myForm');
form.onsubmit = ShowProgressAnimation;

如果没有，可以从 document.forms 访问它。

Answer 2

您可以将其绑定到表单的submit事件：

$('.form-selector').on('submit', function(eventObject) {
    ShowProgressAnimation();
}

只是要小心你的表格会被提交，不是吗？

Answer 3

$('#my_form').submit(function(){
            ShowProgressAnimation();
            submit(this);
            return false;
        });

Answer 4

由于您希望在提交表单时将其应用于所有表单，因此您可以将以下内容添加到每个页面包含的.js文件中：

$(function(){
    $("form").submit(function(){
        ShowProgressAnimation();
    });
});

Answer 5

添加这个 创建此功能，提交按钮上有 Onclick="显示进度动画"。 但想添加检查错误，如果不是表单错误，则提交...

            $(function  ShowProgressAnimation(){
            $("form").submit(function(){
            $("#loading-div-background").css({ opacity: 0.8 });
            $("#loading-div-background").show();
            $('input[type="submit"]').addClass("disabled");
            $('input[type="submit"]').attr('disabled','disabled');
                });
            });

这是要在语句中组合的 valdation 代码，我想添加这两个标签以查看它们是否显示错误，然后不要提交，但如果好的话继续提交。

我会怎么写

            jQuery("#TxtAccountUserId").validate({
             });
            jQuery("#TxtAccountPassword").validate({
             });