Stripe.js: request for a data-stripe=exp attribute

[Ryan McGeary]

Stripe.js has support for automatically reading input fields that adhere a set of `data-stripe` attributes.  

https://stripe.com/docs/tutorials/forms#create-a-single-use-token

This is great, but when combined with Stripe's jquery.payment plugin for auto-parsing a combined MM/YY field, it looks like we lose an easy means of just pointing createToken at the form element itself, because createToken relies on exp-month and exp-year separately.

https://github.com/stripe/jquery.payment

Instead, we must manually construct params for the createToken function.

https://stripe.com/docs/stripe.js#card-createToken

Is it true that Stripe.js doesn't handle a combined MM/YY "exp" field? If not, please consider this a Stripe.js feature request.

Ryan

[Jim Danz]

Hi Ryan,

Thanks for the note on this. You are correct that Stripe.js doesn't
handle the combined field. Passing this along to the team!

Jim

> --
> You received this message because you are subscribed to the Google Groups
> "Stripe API Discussion" group.
> To post to this group, send email to api-d...@lists.stripe.com.
> Visit this group at
> http://groups.google.com/a/lists.stripe.com/group/api-discuss/.
>
> To unsubscribe from this group and stop receiving emails from it, send an
> email to api-discuss...@lists.stripe.com.

[Brian Ross]

jquery.payment does split the date. I found the code by accident since it's not documented.

Example code I use:

$('#payment-form').submit(function(e) {
    expiration = $('.cc-exp').payment('cardExpiryVal');
    Stripe.card.createToken({
        number: $('.cc-number').val(),
        cvc: $('.cc-cvc').val(),
        exp_month: (expiration.month || 0),
        exp_year: (expiration.year || 0)
    }, stripeResponseHandler);
    return false;
});

---

From: api-d...@lists.stripe.com <api-d...@lists.stripe.com> on behalf of Ryan McGeary <ryan.m...@gmail.com>
Sent: Thursday, August 21, 2014 10:28 AM
To: api-d...@lists.stripe.com
Subject: [stripe-api-discuss] Stripe.js: request for a data-stripe=exp attribute

 

[Ryan McGeary]

Brian,

That's pretty much my point. jquery.payment (authored by Stripe) supports a combined expiration date, but Stripe.js does not. Your code looks almost identical to what we have in our application. My point is that this code shouldn't be necessary. It would be nice if we could use Stripe.js's form handler (using data-stripe attributes) instead. For example:

$('#payment-form').submit(function(e) {

  Stripe.card.createToken($(this), stripeResponseHandler);

  return false;

});

-Ryan

[Stephen Nancekivell]

+1,

This is weird.

[Stacey Irvin]

+1

[Craig McKeachie]

+1 for me as well, please fix this.

[Zachary Klein]

+1 - this is a real snag. At the very least the workaround needs to be documented somewhere.

On Thursday, August 21, 2014 at 12:28:28 PM UTC-5, Ryan McGeary wrote:

[Craig McKeachie]

I just noticed the other day the way it is handled in the embedded form that Stripe generates for you.  They have two select lists on the page that are absolutely positioned off screen.  So these include the needed inputs on the form.

element.style {

1. position: absolute;
2. left: -10000px;

}

--
You received this message because you are subscribed to a topic in the Google Groups "Stripe API Discussion" group.