javascript - 从表单预填充 Stripe Checkout 中的电子邮件

Question

我有一个表单，其中一个表单域如下:

<input type="email" id="email" name="email" required>

我在表单底部有一个提交按钮，它调用 javascript 并加载 Stripe Checkout。

<input type="button" id="charge-button" class="button radius member_button" value="Continue">

调用 Stripe 的 Javascript。

<script src="https://checkout.stripe.com/checkout.js"></script>

<script>
  var handler = StripeCheckout.configure({
    key: '<?php echo $stripe['publishable_key']; ?>',
    image: '/img/documentation/checkout/marketplace.png',
    locale: 'auto',
    token: function(token) {
      // You can access the token ID with `token.id`.
      // Get the token ID to your server-side code for use.
    $.post("", {token: token, type: 'charge'}, function(res){
        if(res.status){
            $('form').submit();
        }
    },"json");
      console.log(token);
    }
  });

$('#charge-button').on('click', function(e) {
    handler.open({
      image: '/logo.png',
      name: 'Shop.com',
      description: 'Product',
      email: 'example@email.com',
      currency: 'gbp',
      amount: 2000
    });
    e.preventDefault();
  });
 $(window).on('popstate', function() {
    handler.close();
  }); 

</script>

我希望能够从表单字段中获取值并将其传递到我当前拥有 example@email.com 的位置。

我是编码新手，感谢您的耐心等待。

非常感谢，

约翰

Answer 1

您可以通过在用户提交表单时存储电子邮件地址来做到这一点。所以你的代码看起来像这样 -

 <input type="email" id="email" name="email" required>

    $('#charge-button').on('click', function(e) {

       var userEmail = $('#email').val();

        handler.open({
          image: '/logo.png',
          name: 'Shop.com',
          description: 'Product',
          email: userEmail,
          currency: 'gbp',
          amount: 2000
        });
        e.preventDefault();
      });
     $(window).on('popstate', function() {
        handler.close();
      });