Javascript\Jquery 如何检测函数是否仍在运行？或者我可以加入返回事件吗？答案

【问题标题】：Javascript\Jquery How can i detect if the function is still running? or can i hook in to return event?Javascript\Jquery 如何检测函数是否仍在运行？或者我可以加入返回事件吗？
【发布时间】：2012-12-11 20:58:39
【问题描述】：

让我来描述一下标准情况：有一个包含多个输入的表单（大约 60-70 个）。每个输入都需要验证。如果它无效，则返回 false。我需要保护表单免受 multiclicking(multisubmitting) 的影响，以防止多个带有图形反馈的 AJAX 请求。

我的解决方案是在发送AJAX 请求之前调用自定义文档事件，它会立即创建具有宽度的div 和height 100%、z-index 9998，其中包含加载gif 和一些消息。并在完成AJAX 请求时调用另一个，它只是从DOM 中删除该元素。

我的问题是：这是一个有效的解决方案吗？我的意思是，它的大量表单输入和验证在旧计算机上可能会更慢，这意味着在将屏蔽 div 附加到正文并保护表单不提交之前可能需要一些时间。我可以简单地听函数并检测它是否返回一些东西吗？如果延迟我的理解，我需要在每次返回值之前解析，这意味着 60-70 行新代码，这是混乱和不可取的。

是否有人曾经遇到过这个问题并以 100% 的准确度和优雅度解决它？

【问题讨论】：

标签： javascript jquery ajax forms validation

【解决方案1】：

不要依赖"shielding div" 来防止多次提交。只需在提交前钩入表单检查的提交事件：

$('#myForm').submit(function() {
    if (!stillValidating())
       //submit form
    else
       //handle however you deem necessary.
});

【讨论】：

谢谢，我认为这是一个有效的解决方案。我最终会关闭事件并打开验证是否完成。

【解决方案2】：

您首先需要停止表单提交时的默认行为，然后您必须检查表单输入是否有效，如果是则进入 ajax 调用。

    $('#form').submit(    function(e){     

        e.preventDefault();
        var $form = $(this);

      // check if the input is valid
        if(! $form.valid()) return false;

       $.ajax({
            type: 'POST',
            url: 'add.php',
            data: $('#form').serialize(),
            success: function(response) {
                $("#answers").html(response);
            }

        });
    });

【讨论】：