Skip to content

Instantly share code, notes, and snippets.

@dladowitz
Created August 5, 2012 00:56
Show Gist options
  • Save dladowitz/3260912 to your computer and use it in GitHub Desktop.
Save dladowitz/3260912 to your computer and use it in GitHub Desktop.
Steps for Me Stripe file
<form action="/cards" method="post" id="payment-form">
<div class="form-row">
<script type="text/javascript" src="https://js.stripe.com/v1/">
<script type="text/javascript">
// this identifies your website in the createToken call below
$(document).ready(function(){
Stripe.setPublishableKey('pk_07T3vzpNsDZ1R1f6EXJUiQKC0u0qK');
});
</script>
<label>Card Number</label>
<input type="text" size="20" autocomplete="off" class="card-number"/>
</div>
<div class="form-row">
<label>CVC</label>
<input type="text" size="4" autocomplete="off" class="card-cvc"/>
</div>
<div class="form-row">
<label>Expiration (MM/YYYY)</label>
<input type="text" size="2" class="card-expiry-month"/>
<span> / </span>
<input type="text" size="4" class="card-expiry-year"/>
</div>
<button type="submit" class="submit-button">Submit Payment</button>
<script type="text/javascript">
$(document).ready(function(){
Stripe.setPublishableKey('pk_07T3vzpNsDZ1R1f6EXJUiQKC0u0qK');
$("#payment-form").submit(function(e) {
console.log("Reached line 31");
e.preventDefault();
Stripe.createToken({
number: $(".card-number").val(),
cvc: $('.card-cvc').val(),
exp_month: $('.card-expiry-month').val(),
exp_year: $('.card-expiry-year').val()
}, stripeResponseHandler);
});
});
function stripeResponseHandler(status, response) {
if (response.error) {
// show the errors on the form
console.log("response")
alert(response.error.message);
$(".payment-errors").text(response.error.message);
} else {
var form$ = $("#payment-form");
// token contains id, last4, and card type
debugger;
var token = response['id'];
// insert the token into the form so it gets submitted to the server
form$.append("<input type='hidden' name='stripeToken' value='" + token + "'/>");
// and submit
form$.get(0).submit();
}
}
</script>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment