如何從Stripe檢索卡號

Question

所以我正在使用Stripe Elements。 這是代碼：

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

<div action="/charge" method="post" id="payment-form">
  <div class="form-row">
    <label for="card-element">
      Credit or debit card
    </label>

    <div id="card-element">
      <!-- a Stripe Element will be inserted here. -->
    </div>

    <!-- Used to display form errors -->
    <div id="card-errors" role="alert"></div>
  </div>

  <asp:Button ID="btnPay" OnClick="btnPay_Click" runat="server" Text="Submit Payment" />
</div>

ate a Stripe client
var stripe = Stripe('pk_test_2ddddddddddr');

// Create an instance of Elements
var elements = stripe.elements();

// Custom styling can be passed to options when creating an Element.
// (Note that this demo uses a wider set of styles than the guide below.)
var style = {
  base: {
    color: '#32325d',
    lineHeight: '24px',
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
    fontSmoothing: 'antialiased',
    fontSize: '16px',
    '::placeholder': {
      color: '#aab7c4'
    }
  },
  invalid: {
    color: '#fa755a',
    iconColor: '#fa755a'
  }
};

// Create an instance of the card Element
var card = elements.create('card', {style: style});

// Add an instance of the card Element into the `card-element` <div>
card.mount('#card-element');

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

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

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

如果仔細看，我將Form更改為DIV，將button更改為ASP.NET類型，我現在想要做的是，當我單擊Button btnPay時，從后面的代碼中，我想獲取卡號，如何要做到這一點？

謝謝

Answer 1

您不應該取回卡。 只需讓Stripe為您做事即可。 但是，如果要檢索最后4位數字，則可以在結果范圍內。

result.token.card.last4

如果您想以這種方式通知用戶卡號，這很有用**** **** **** 1834。