使用條紋元素時如何將電子郵件傳遞給條紋？

Question

默認情況下，在彈出窗口 ( stripe-checkout ) 中使用 stripe 時，電子郵件字段作為card[name]發送。

但是當我使用條紋元素（條紋字段作為內聯字段，沒有彈出窗口）時，沒有電子郵件字段，如果我添加自己的電子郵件字段，它似乎被條紋忽略。 這會導致客戶在沒有電子郵件的情況下被添加到條帶上，這使得從另一個客戶中識別一個客戶變得乏味。

如何修改此代碼以將電子郵件傳遞給 Stripe？ 演示： https : //jsfiddle.net/ywain/foc0L56q/

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

<body>
  <form action="//httpbin.org/post" method="POST">
    <input type="hidden" name="token" />
    <div class="group">
      <label>
        <span>Card</span>
        <div id="card-element" class="field"></div>
      </label>
    </div>
    <div class="group">
      <label>
        <span>Email</span>
        <input id="email" name="email" class="field" placeholder="jane.doe@example.com" />
      </label>
    </div>
    <button type="submit">Pay $25</button>
    <div class="outcome">
      <div class="error"></div>
      <div class="success">
        Success! Your Stripe token is <span class="token"></span>
      </div>
    </div>
  </form>
</body>

var stripe = Stripe('pk_test_6pRNASCoBOKtIshFeQd4XMUh');
var elements = stripe.elements();
var card = elements.create('card');
card.mount('#card-element');

function setOutcome(result) {
  var successElement = document.querySelector('.success');
  var errorElement = document.querySelector('.error');
  successElement.classList.remove('visible');
  errorElement.classList.remove('visible');

  if (result.token) {
    // In this example, we're simply displaying the token
    successElement.querySelector('.token').textContent = result.token.id;
    successElement.classList.add('visible');

    // In a real integration, you'd submit the form with the token to your backend server
    var form = document.querySelector('form');
    form.querySelector('input[name="token"]').setAttribute('value', result.token.id);
    form.submit();
  } else if (result.error) {
    errorElement.textContent = result.error.message;
    errorElement.classList.add('visible');
  }
}

card.on('change', function(event) {
  setOutcome(event);
});

document.querySelector('form').addEventListener('submit', function(e) {
  e.preventDefault();
  stripe.createToken(card).then(setOutcome);
});

Answer 1

您將在后端代碼中執行此操作，而不是在前端 Javascript 中執行此操作。 當您的后端從表單發送的 POST 數據中收到付款令牌和電子郵件地址時，您將在創建客戶時使用它來設置email屬性。 [0] 與此類似（以 PHP 為例）

  $token  = $_POST['token'];
  $email  = $_POST['email'];

  $customer = \Stripe\Customer::create([
      'email' => $email,
      'source'  => $token,
  ]);

  $charge = \Stripe\Charge::create([
      'customer' => $customer->id,
      'amount'   => 5000,
      'currency' => 'usd',
  ]);

[0] - https://stripe.com/docs/api/customers/create#create_customer-email

Answer 2

在您的表單中為電子郵件添加一個隱藏字段

<input name="email" type="hidden" value="<?php echo "your_email";?>"/>

在 php 代碼的 post 函數中獲取它

使用條紋元素時如何將電子郵件傳遞給條紋？

問題描述

2 個解決方案

解決方案1
1 已采納 2019-02-17 02:30:57

解決方案2
0 2019-02-18 12:37:08

使用條紋元素時如何將電子郵件傳遞給條紋？

問題描述

2 個解決方案

解決方案1 1 已采納 2019-02-17 02:30:57

解決方案2 0 2019-02-18 12:37:08

解決方案1
1 已采納 2019-02-17 02:30:57

解決方案2
0 2019-02-18 12:37:08