Stripe.js個人情報の解析 - Javascript

Question

私は自分の入力フォームを使用してクレジットカード情報を取得し、それを使ってトークンを生成しようとしています。 Stripe.js 3では、各div要素に入力フィールドを実装するためにiframeを使用するので、これは明らかに難しいです。どうやら別の場所（自分のUI）から値を取得できるupdate（）関数がありますが、それを動作させることはできません。誰もこれを実装する方法についてのアイデアを持っていますか？

var cardNumber = elements.create('cardNumber'); 
cardNumber.mount('#number'); 
var cardExpiry = elements.create('cardExpiry'); 
cardExpiry.mount('#example2-card-expiry'); 
var cardCvc = elements.create('cardCvc'); 
cardCvc.mount('#example2-card-cvc'); 

https://jsfiddle.net/507oh942/2/

https://stripe.com/docs/stripe.js#other-methods

また、私はこれをサポートStripe.js 2は、まだアクティブであることを確認していません。古いバージョンを利用している人はいますか？

Answer 1

Stripe.js v3では、すべてのカード情報がStripeのドメインからホストされているiframeで配信されます。カード情報を自分のフォームから取得することはできません。これを行う必要がある場合は、Stripe.js v2を引き続き使用しますが、それに伴ってPCIの影響があることに注意してください（SAQ A-EP vs SAQ A）。

v3のフィールドを別々のコンポーネント（番号、有効期限などのフィールド）に分割したい場合は、iframeから引き続きホストされていますが、簡単に行うことができます。

は、完全な例のためにここに追加情報のためのhttps://jsfiddle.net/o2n3js2r/132/

var cardNumberElement = elements.create('cardNumber', { 
    style: style 
}); 
cardNumberElement.mount('#card-number-element'); 

var cardExpiryElement = elements.create('cardExpiry', { 
    style: style 
}); 
cardExpiryElement.mount('#card-expiry-element'); 

var cardCvcElement = elements.create('cardCvc', { 
    style: style 
}); 
cardCvcElement.mount('#card-cvc-element'); 

var postalCodeElement = elements.create('postalCode', { 
    style: style 
}); 
postalCodeElement.mount('#postal-code-element');