2017-10-21 8 views
2

ストライプv3を支払いに使用しようとしています。ガイドはこちらhttps://stripe.com/docs/elementsストライプで郵便番号を収集しない

私は郵便番号を収集したくないです。しかし、私はどのように把握することはできません。

<form> 
    <label> 
    <div id="card-element" class="field is-empty"></div> 
    <span><span>Credit or debit card</span></span> 
    </label> 
    <button type="submit">Pay</button> 
    <div class="outcome"> 
    <div class="error" role="alert"></div> 
    <div class="success"> 
     Success! Your Stripe token is <span class="token"></span> 
    </div> 
    </div> 
</form> 

とJavaScriptは次のとおりです:私のHTMLはある

var card = elements.create('card', { 
    style: { 
    hidePostalCode: true, 
    base: { 
     iconColor: '#666EE8', 
     color: '#31325F', 
     lineHeight: '40px', 
     fontWeight: 300, 
     fontFamily: '"Helvetica Neue", Helvetica, sans-serif', 
     fontSize: '15px', 

     '::placeholder': { 
     color: '#CFD7E0', 
     }, 
    }, 
    } 
}); 

card.mount('#card-element'); 

しかし、それは常に、郵便番号を入力するよう求められます。ここでは要素タグhttps://stripe.com/docs/stripe.js#element-typesへのガイドがあります

enter image description here

。しかし、私はカード番号、CVCとカードの有効期限を収集することができますが、郵便番号を収集することはできません...

+0

あなたのコードは大丈夫です。 – Zico

答えて

1

ありがたいことに、これはかなり簡単な修正でなければなりません! hidePostalCode: trueは、styleの下にネストするのではなく、optionsのトップレベルのプロパティにする必要があります。

https://stripe.com/docs/stripe.js#element-options

var card = elements.create('card', { 
hidePostalCode: true, 
style: { 
base: { 
    iconColor: '#666EE8', 
    color: '#31325F', 
    lineHeight: '40px', 
    fontWeight: 300, 
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif', 
    fontSize: '15px', 

    '::placeholder': { 
    color: '#CFD7E0', 
    }, 
    }, 
} 
}); 

card.mount('#card-element');