- gyangtingAsked on August 23, 2014 at 03:51 PM
I need to apply a credit card field mask in this form: http://form.jotformpro.com/form/42326489833968
Can you help me achieve that ?
- JotForm SupportjonathanAnswered on August 23, 2014 at 08:25 PM
Since you are using the Stripe payment tool in your form http://form.jotformpro.com/form/42326489833968
you cannot really use the field Input Mask feature in the CC number input field in your form.
The Input Mask functionality is only available to Textbox field
Hope this help. Inform us if you need further assistance.
- gyangtingAnswered on August 24, 2014 at 02:28 AM
I noticed that.
- JotForm SupportjonathanAnswered on August 24, 2014 at 07:15 AM
Something similar to this test page.
BUT... the problem here will be -- if you take a look at the Stripe tool, the CC input textbox does not have dashes(or any other pattern) . The CC number input textbox needs to be all numbers only.
If we add other characters into the data of CC number, it will not be accepted or it will become an invalid data when pass on to the Stripe payment tool.
What I think can be done is to just add a separate textbox with masked on, and then copy the data form that masked textbox into the CC number textbox(of Stripe) without any of the masked characters. The CC number data must be without any other character except the CC number only.
I'll try create a demo form so that my explanation is better understand. I will get back to you on this.
- gyangtingAnswered on August 24, 2014 at 07:25 PM
Thanks a lot for looking into this Jonathan.
There's another issue related to this: having the number pad keyboard coming up when typing the card number, instead of the qwerty keyboard, which is coming up now.
I believe having type="number" can bring up the number pad keyboard on smartphones.However,ashwin_d says this is not possible in this post :http://www.jotform.com/answers/419798-how-to-add-type-number-to-credit-card-field#1
Looking forward to your solutions!