Braintree의 보조 지불 수단으로 PayPal을 사용하십시오.

Question

현재 IBAN을 통한 일반 은행 송금과 함께 Braintree PayPal 지급에 어려움을 겪고 있습니다. 기본적으로 방문자에게 PayPal (Braintree를 통해) 및 IBAN 거래라는 두 가지 구독 옵션을 제공합니다.

페이팔 방법은 잘 작동하지만 우리는 페이팔하지만 IBAN 은행 송금을 선택하지 않을 때, 우리는 다음과 같은 콘솔 오류가 있어요 :

우리는이 올바른 동작은 이후 인 이해를 PayPal 필드가 채워지지 않습니다. 하지만 필드가 채워지지 않을 때 PayPal을 옵션 결제 수단으로 사용하는 것이 가능합니까?

우리는 DropUI를 통해 기본 js 구현을 사용하고 있습니다.

<div class="bt-drop-in-wrapper" id="showpaypalfields"> 
    <div id="bt-dropin" class="paypaldiv"></div> 
</div> 

<script src="https://js.braintreegateway.com/js/braintree-2.27.0.min.js"></script> 
<script> 
    var client_token = "123TOKEN"; 
    braintree.setup(client_token, "dropin", { 
     container: "bt-dropin" 
    }); 
</script> 

UPDATE : 두 형태가 즉시 페이지에서 볼 수 있습니다, 그들은 아약스 또는 모든 종류의를 통해 이후에로드되지 않습니다. 따라서 Braintree를 통한 PayPal 옵션은 예를 들어 체크 박스가 설정된 경우에만 유효해야합니다. 예를 들어, 아래 스크린 샷에있는 체크 박스 (두 필드 세트의 가시성을 토글).

---

업데이트 # 2 : 최종 솔루션에 관심있는 사람들을위한 :

var btInstance; 

$('input#paymentmethod-1').change(function(){ 
    if ($(this).is(':checked') == true) { 
     teardown(); 
    } 
}); 

$('input#paymentmethod-2').change(function(){ 
    if ($(this).is(':checked') == true) { 
     setup(); 
    } 
}); 

function setup() { 
    if (btInstance) { 
     return; 
    } else { 
     var client_token = "<ps:braintreetoken />"; 
     braintree.setup(client_token, "dropin", { 
      container: "bt-dropin", 
      onReady: function (bt) { 
       btInstance = bt; 
      } 
     }); 
    } 
} 

function teardown() { 
    if (!btInstance) { 
     return; 
    } 
    btInstance.teardown(function() { 
     btInstance = null; 
    }); 
} 

Answer 1

_{전체 공개 : 나는 브레인 트리에서 작동합니다. 더 궁금한 점이 있으시면 support으로 연락하십시오.}

Lastschrift 결제 옵션을 선택하면 드롭 인 UI가로드되므로 유효성 검사 오류가 발생합니다.

이러한 유효성 검사 오류를 방지하는 한 가지 방법은 고객이 Lastschrift를 선택한 경우 드롭 인 UI를 제거하기 위해 braintree.js에 'teardown' method in the 'onReady' callback을 사용하는 것입니다.

또는 각 지급 방법을 페이지에서 완전히 다른 양식 요소로 분리 할 수 ​​있습니다.