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; 
}