不要使用 Stripe 收集邮政编码

新手上路,请多包涵

我正在尝试使用 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');

但它总是要求提供邮政编码:

在此处输入图像描述

这里有一个 Element 标签指南 https://stripe.com/docs/stripe.js#element-types 。但我看不到在哪里可以收集卡号、CVC 和卡有效期,但不能收集邮政编码…

原文由 Mark 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 401
1 个回答

值得庆幸的是,这应该是一个非常简单的修复! 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');

原文由 duck 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题