title: How to retrieve the Card Number from Stripe
body: <p>So I am using Stripe Elements. This is the code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script src="https://js.stripe.com/v3/"&gt;&lt;/script&gt;
  
  &lt;div action="/charge" method="post" id="payment-form"&gt;
    &lt;div class="form-row"&gt;
      &lt;label for="card-element"&gt;
        Credit or debit card
      &lt;/label&gt;
  
      &lt;div id="card-element"&gt;
        &lt;!-- a Stripe Element will be inserted here. --&gt;
      &lt;/div&gt;
  
      &lt;!-- Used to display form errors --&gt;
      &lt;div id="card-errors" role="alert"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
    &lt;asp:Button ID="btnPay" OnClick="btnPay_Click" runat="server" Text="Submit Payment" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>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` &lt;div&gt;
  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);
      }
    });
  });
  </code></pre>
  
  <p>If you look closely, I change the Form into DIV and button into ASP.NET type,
  What I am trying to do now is when I click the Button btnPay, from the code-behind, I would like to retrieve the card number, how to do that?</p>
  
  <p>Thanks</p>