我正在尝试使用 Stripe v3 进行支付。攻略在这里https://stripe.com/docs/elements
我不想收集邮政编码。但是我不知道如何。我的 HTML 是:
<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 是:
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 .但是我看不到在哪里可以收集卡号、CVC 和卡有效期,但不能收集邮政编码...
最佳答案
值得庆幸的是,这应该是一个非常简单的修复! hidePostalCode: true
应该是您的 options
中的顶级属性,而不是嵌套在此处的 style
下。
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');
关于javascript - 不要使用 Stripe 收集邮政编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46863072/