JS-如何检查Braintree插入式ui是否正确加载？

Question

如果Braintree插入式ui无法正确加载，则仍可以单击表单提交按钮。 我想捕获是否正确加载了ui界面，然后启用/禁用按钮。

如何检测Braintree插入式ui是否正确加载？

Answer 1

我找到了一个更清洁的解决方案：

1. 设置提交按钮属性已禁用
2. 在braintree.setup（）中使用onReady回调启用提交按钮。

Answer 2

如果您未在其中插入Braintree ui的地方包括其他任何子元素，则可以使用以下脚本检查是否有子元素（braintree设置应添加的子元素），并且还将检查braintree对象是否在window 。 注： childElementCount需要填充工具以支持IE8。

HTML：

<div id="braintreeCompHere"></div>

脚本：

checkForBraintree('braintreeCompHere');

function checkForBraintree(btContainer) {
    var elBool = document.getElementById(btContainer).childElementCount > 0,
        btBool = typeof window.braintree !== 'undefined';

    return elBool && btBool;
}