Stripe : You must supply a valid card error appears after submitting the form

  • Profile Image
    Asked on August 05, 2013 at 02:36 PM

    We built a form to handle purchasing of map locations on our business listing.

    we needed to modify the form to include a "coordinate picker" field with the google maps api. Instead of placing the form on our page as an embed I downloaded the form's source code, modified it and placed it on this page:

    the credit card fields are connected with stripe test API keys as far as i can tell, but when I try to make a test purchase using both fake card info (4242424242424242, 123, etc.) or my own card info, I get an "you must supply valid card" error, see attached image.

    the form accepts test transactions when i preview it on the form editor on so it must be something with the form's source code.

  • Profile Image
    Answered on August 05, 2013 at 04:30 PM


    I tested your direct form using the form URL and it was successuful. My test went through fine. So, the problem here might be on the embedded form. After a bit of troubleshooting, I figured out there's a missing stripe script in your embedded form, probably not included in the downloaded form source code. This fixed the problem after adding it on the test form. Please include the following script under the existing form script in your form.

    <script src="//" type="text/javascript"></script>

    Add it under, calendar.js script. Here's a guide: