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 =“Showprogressanimation”。但是想添加检查错误，如果没有表单错误则提交...

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

             });

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

5 个答案: