Skip to content

Instantly share code, notes, and snippets.

@dpaola2
Created September 30, 2018 23:23
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dpaola2/1f59fbc0c5cc1dce52583448d0ac71a9 to your computer and use it in GitHub Desktop.
Save dpaola2/1f59fbc0c5cc1dce52583448d0ac71a9 to your computer and use it in GitHub Desktop.
Stripe Elements and Turbolinks
function doStripe() {
if (!document.getElementById('card-element')) {
return;
}
var stripe = Stripe(window.stripe_key);
var elements = stripe.elements();
var style = {};
var card = elements.create('card', {style: style});
card.mount('#card-element');
card.addEventListener('change', function(event) {
var displayError = document.getElementById('card-errors');
if (event.error) {
displayError.textContent = event.error.message;
} else {
displayError.textContent = '';
}
});
window.has_token = false;
var form = document.getElementById('stripe-form');
document.addEventListener('ajax:before', function(event) {
/*form.addEventListener('submit', function(event) {*/
console.log("ajax:before");
if (window.has_token == false) {
console.log("has_token is false")
console.log(window.has_token);
event.preventDefault();
stripe.createToken(card).then(function(result) {
if (result.error) {
var errorElement = document.getElementById('card-errors');
errorElement.textContent = result.error.message;
} else {
stripeTokenHandler(result.token);
}
});
}
});
function stripeTokenHandler(token) {
var form = document.getElementById('stripe-form');
var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden');
hiddenInput.setAttribute('name', 'stripeToken');
hiddenInput.setAttribute('value', token.id);
form.appendChild(hiddenInput);
window.has_token = true;
console.log("setting has_token=true")
console.log(window.has_token);
Rails.fire(form, 'submit');
};
};
document.addEventListener('turbolinks:load', doStripe);
@boxedpaul
Copy link

Thank you. This worked perfectly for me in a Rails v5.2.2, non-iOS environment, too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment