SHARE
TWEET

Untitled

a guest Jul 22nd, 2019 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2.                     var payStripe = document.getElementById("payStripe");
  3.                     payStripe.addEventListener("click", function(){
  4.                       document.getElementById("formpago").style.display = "block";
  5.                       document.getElementById("payStripe").style.display = "none";
  6.                     });
  7.                     //set your publishable key
  8.                     // Create a Stripe client.
  9.  
  10.                     //test key
  11.                     var stripe = Stripe('pk_test_JTYT0ZkE5P3AcAYf1IRRvPja');
  12.                     //live key
  13.                     //var stripe = Stripe('pk_live_MfXdrth1P6Tn0imRmevTMyBJ');
  14.  
  15.                     // Create an instance of Elements.
  16.                     var elements = stripe.elements();
  17.  
  18.                     // Custom styling can be passed to options when creating an Element.
  19.                     // (Note that this demo uses a wider set of styles than the guide below.)
  20.                     var style = {
  21.                       base: {
  22.                         color: '#32325d',
  23.                         lineHeight: '18px',
  24.                         fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
  25.                         fontSmoothing: 'antialiased',
  26.                         fontSize: '16px',
  27.                         '::placeholder': {
  28.                           color: '#aab7c4'
  29.                         }
  30.                       },
  31.                       invalid: {
  32.                         color: '#fa755a',
  33.                         iconColor: '#fa755a'
  34.                       }
  35.                     };
  36.  
  37.                     // Create an instance of the card Element.
  38.                     var card = elements.create('card', {style: style});
  39.                     // Add an instance of the card Element into the `card-element` <div>.
  40.                     card.mount('#card-element');
  41.  
  42.                     // Handle real-time validation errors from the card Element.
  43.                     card.addEventListener('change', function(event) {
  44.                       var displayError = document.getElementById('card-errors');
  45.                         if (event.error) {
  46.                           displayError.textContent = event.error.message;
  47.                         } else {
  48.                           displayError.textContent = '';
  49.                         }
  50.                       });
  51.  
  52.                       // Handle form submission.
  53.                       var formstripe = document.getElementById('payment-form');
  54.                       formstripe.addEventListener('submit', function(event) {
  55.                         event.preventDefault();
  56.                         var card_name = document.getElementById('card_name').value;
  57.  
  58.                         // stripe.createToken(card, {name: card_name}).then(function(result) {
  59.                         stripe.createPaymentMethod(
  60.                           'card',
  61.                           card
  62.                         ).then(function(result) {
  63.                           if (result.error) {
  64.                             // Inform the user if there was an error.
  65.                             var errorElement = document.getElementById('card-errors');
  66.                             errorElement.textContent = result.error.message;
  67.                           } else {
  68.                             document.getElementById("loading").style.display = "block";
  69.                             // Send the token to your server.
  70.                             // stripeTokenHandler(result.token);
  71.                             stripeTokenHandler(result.paymentMethod);
  72.                           }
  73.                         });
  74.                       });
  75.  
  76.                       // Submit the form with the token ID.
  77.                       //function stripeTokenHandler(token) {
  78.                         function stripeTokenHandler(paymentMethod) {
  79.                         // Insert the token ID into the form so it gets submitted to the server
  80.                         var formstripe = document.getElementById('payment-form');
  81.                         var hiddenInput = document.createElement('input');
  82.                         hiddenInput.setAttribute('type', 'hidden');
  83.                         hiddenInput.setAttribute('name', 'stripeToken');
  84.                         // hiddenInput.setAttribute('value', token.id);
  85.                         hiddenInput.setAttribute('value', result.paymentMethod.id);
  86.                         formstripe.appendChild(hiddenInput);
  87.  
  88.                         // Submit the form
  89.                         formstripe.submit();
  90.                       }
  91.                       </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top