javascript - 加快 iFrame 加载速度以避免验证错误

Question

问题陈述:

我有一个 .NET 用户控件，我在其中使用了一个 iFrame。我在一个页面上有该控件(其中有一个 iFrame)的多个实例(可以是任意数量)。每次一个控件状态更改时，我都必须加载所有控件。该控件有一些必须填写的字段。

我有一个导航到另一个屏幕的按钮，因为每次我加载所有控件时，都需要花费大量时间才能加载所有控件。用户试图完成所有必填字段并单击下一步按钮，在这种情况下，即使用户完成了所有必填字段，并且控件(带有 iframe)没有完全加载，它也会产生验证错误。

注意:以上所有内容都是在 JavaScript 中，而不是在服务器端。

我尝试过的:

1. 我尝试显示模态 div 直到它加载，但我显然无法捕获确切的加载时间，并且可能会点击下一个按钮。

2. 我尝试在验证功能上设置超时，但它偶尔会起作用，因为加载不确定。

3. 我尝试使用一个计数器来查看加载了多少控件以检查控件总数，然后才允许触发验证功能，但加载的确定方式再次无济于事。

   <

我知道这可以通过不同的方式完成，但由于涉及巨大的努力和时间，我们必须沿用现有方式，并且必须解决问题。有人可以提出任何指示/解决此问题的建议。

Answer 1

我修好了这个。我认为修复是一个闪避，但我不知道任何其他方式。

如上所述，我采用了方法 3。有一个 1ms 的超时，并且计数器在该超时时递增，即

setTimeout(function() {
   counter++;
}, 1);

我的验证代码上还有一个计数器，将其延迟 1 毫秒，并检查计数器是否等于所有可用控件的条件，如果不再次验证，直到条件为假。否则继续。

    function validate() {
        if (counter != total number of frames) {
            setTimeout(function() {
                validate();
            }, 1);
            return false;
        }
...
}

感谢大家的投入，帮助很大。希望这将是解决类似问题的最后手段。