ichikaway https://blog.hatena.ne.jp/ichikaway/ Code Day's Night https://blog.ichikaway.com/ Stripe Elementsはこのサイトにあるサンプルを使えば手軽に始められます。https://stripe.com/docs/stripe-js ただ、この例のバリデーションでは全項目の入力を待つことができず、例えばカード番号だけ入力した状態でも送信できてしまいます。 今回はカード番号、有効期限、CVCなど全項目の入力がある場合のみ、Submitボタンを活性化させるような方法をご紹介します。 このサイトのjsのサンプルにあるchangeイベントの箇所 https://stripe.com/docs/stripe-js card.on('change', function(event) {… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.ichikaway.com%2Fentry%2F2020%2F07%2F21%2F114233" title="Stripeのクレジットカードフォームで全項目の入力が完了するまで送信させない - Code Day&#39;s Night" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-07-21 11:42:33 rich https://blog.ichikaway.com/entry/2020/07/21/114233 1.0 100%