Form doesn't submit when all fields are set to 'Required'

  • Profile Image
    jonreese
    Asked on March 19, 2018 at 03:34 PM

    We would like all fields in our "SCLN" forms to be set to required, but when we do that and you try to submit the form a red error message just flashes quickly (too quickly to read) below the submit button and then disappears and the form doesn't submit. Nothing happens. Losing sales. Please advise. Thank you!

    There are 2 forms (Annual and Monthly) which you can get to from this page: https://www.smithcountylegalnews.com/subscribe.html

     

    And to be clear, when I remove the 'required' status on the fields, the form does function correctly, except of course we need all fields to actually BE required before submission.

  • Profile Image
    Mike
    Answered on March 19, 2018 at 05:01 PM

    Thank you for contacting us.

    I have checked a cloned version of your form, but the required validation worked properly on my end.

    Could you please also do a test submission with required fields using a direct form link (rather than embedded form) to see if that makes any difference?

  • Profile Image
    jonreese
    Answered on March 19, 2018 at 05:08 PM

    You tested it WITH the payment process? I'm thinking that's where the validation issue is. 

    Here's the direct form link (to the Monthly): https://form.jotform.com/71074808861158

  • Profile Image
    jonreese
    Answered on March 19, 2018 at 05:09 PM

    (Oh and to be clear, the current state of the form has all the validation turned OFF so that the form will work, so to test you'll need to turn them all on and test)

    You *should* be able to test using Stripe's test card info: https://stripe.com/docs/testing

  • Profile Image
    jonreese
    Answered on March 19, 2018 at 05:11 PM

    I created a clone of the Monthly form and set all fields to REQUIRED: https://form.jotform.com/80776782906168

  • Profile Image
    jonreese
    Answered on March 19, 2018 at 05:15 PM
  • Profile Image
    Welvin
    Answered on March 19, 2018 at 07:44 PM

    Yes, it's the payment field. It triggers a required field validation when you click the submit button even though the item is selected. Here's a screenshot:


    You can quickly fix this by deleting Stripe and adding it back. Here's a cloned version of the form showing this method: https://form.jotform.com/80777357786981

  • Profile Image
    jonreese
    Answered on March 20, 2018 at 11:39 AM

    What do you mean by "deleting Stripe and adding it back"? I deleted the entire Stripe payment field, and re-pulled it from the Form Elements pallet, and reconnected it to my Stripe account, but the issue persists. What did you do to make it function correctly?

  • Profile Image
    Adrian
    Answered on March 20, 2018 at 12:45 PM

    The Payment Field in the form of my colleague is not set to required, this is why it is working.

    1521564038123.png

    To fix this, set the Required option in the Properties of Payment Field on your form to OFF.

    1521564141124.png

    Then, set the Selected by Default option of the Subscription to YES. This is basically the same thing as having the field set to required since this option cannot be deselected anymore.

    15215641821.png

    I will further investigate the issue to see why it was not working when it was set to required, but this should be a good workaround solution.

  • Profile Image
    jonreese
    Answered on March 20, 2018 at 12:51 PM

    Unfortunately, that's how it IS set and it's NOT working. See the form at https://www.smithcountylegalnews.com/monthly.html

    1521564621Screen Shot 2018-03-20 at 11.4

    1521564630Screen Shot 2018-03-20 at 11.4

    1521564656Screen Shot 2018-03-20 at 11.4

    This is quite frustrating.


  • Profile Image
    Adrian
    Answered on March 20, 2018 at 01:23 PM

    That will not work since you are using a Test Credit Card but your Payment Integration is in Live Mode. If you use a real card there, it should work.

    15215663431.gif

    Here is a cloned form with the Mode set to Test Mode (Sandbox). https://form.jotform.com/80784732154965
    This is working correctly.

    15215665412.gif

    You can try setting the Mode of your Payment Integration to Test and it should work, but do not forget to change it to Live Mode after. Please note that you need to Connect the Payment Integration to Stripe after each time you change the Mode.

  • Profile Image
    jonreese
    Answered on March 20, 2018 at 01:25 PM

    Thank you! Please let me know once you've found out why the Required field setting is disabling form submission. Standing by...

  • Profile Image
    Adrian
    Answered on March 20, 2018 at 01:38 PM

    After removing the Subscription that you have created and adding a new one, the form can be submitted even with the field set to required. It looks like the Subscription that you have created is not being recognized as selected for unknown reasons to me (input ID or NAME mismatch probably).

    15215673271.gif

    So, deleting the Subscription "Monthly Subscription" and creating a new one after solved the issue. You can try the same on your form.

    We are sorry for the inconvenience.