Node.js -条纹卡

// 示例代码
<script src="https://js.stripe.com/v3/"></script>
<script>
  var stripe = Stripe('your_stripe_public_key');
  var elements = stripe.elements();
  var card = elements.create('card');

  card.mount('#card-element');

  card.addEventListener('change', function(event) {
    // Handle real-time validation errors
    var errorElement = document.getElementById('card-errors');
    if (event.error) {
      errorElement.textContent = event.error.message;
    } else {
      errorElement.textContent = '';
    }
  });

  var form = document.getElementById('payment-form');
  form.addEventListener('submit', function(event) {
    event.preventDefault();

    stripe.createToken(card).then(function(result) {
      if (result.error) {
        var errorElement = document.getElementById('card-errors');
        errorElement.textContent = result.error.message;
      } else {
        // Send the token to your server
        stripeTokenHandler(result.token);
      }
    });
  });

  function stripeTokenHandler(token) {
    // Insert the token ID into the form so it gets submitted to the server
    var form = document.getElementById('payment-form');
    var hiddenInput = document.createElement('input');
    hiddenInput.setAttribute('type', 'hidden');
    hiddenInput.setAttribute('name', 'stripeToken');
    hiddenInput.setAttribute('value', token.id);
    form.appendChild(hiddenInput);

    // Submit the form
    form.submit();
  }
</script>

// 示例代码
stripe.createToken(card).then(function(result) {
  if (result.error) {
    // Handle error
    console.error(result.error.message);
  } else {
    // Send the token to your server
    stripeTokenHandler(result.token);
  }
});