JS-如何检查Braintree嵌入式用户界面是否正确加载？

Question

在braintree插入式ui未正确加载的情况下，表单提交按钮仍然可以单击。我想知道是否加载正确的下载ui，然后启用/禁用按钮。

如何检测braintree嵌入式UI是否正确加载？

Answer 1

我发现了一个清晰的解决方案：

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

Answer 2

如果您不包含插入Braintree UI的任何其他子元素，则可以使用下面的脚本检查是否存在子元素（braintree设置应该添加），还将检查对象是否为braintree对象在window上定义。注意：childElementCount要求polyfill支持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; 
}