Code Day's Night

ichikawayのブログ

Stripeのクレジットカード入力フォームで郵便番号入力を不要にする

stripe.jsを使ったフォームを構築すると、例えばVISAのカード番号を入力した時に動的に郵便番号フィールドがでてきて、そこも必須入力欄となる。

この場合、下記のようにstripe.elements()のelements.create()のオプションに、
hidePostalCode trueを渡すと郵便番号欄はでなくなる。

var card = elements.create('card', {style: style, hidePostalCode: true});

 

このドキュメントのcardタイプのオプション指定欄に説明がある。
https://stripe.com/docs/stripe-js/reference#elements-create

 

ここにstripeのエレメントサンプル画面とコード例がある
https://stripe.dev/elements-examples/