Bug with form submission when not filling out required field

  • Resolved digisavvy

    (@digisavvy)


    9 years, 7 months ago

    I’ve got a form with some required fields on the form submission page. It’s also a multipage form.

    The problem is that on iOS (ipad, iphone) in either chrome or safari browsers only, when the form is submitted and the required fields are not filled out, the user is routed back to the first page on the form. If the user then clicks next all the way to the end, they will see a notification for the fields that are required.

    The expectation is that the error shows up right then and there, or reloads to show the errors to the user so that they can make the correction without having to go through the form pages again. This does appear to be a bug. I tested on my dev site and also on a vanilla WP install here: https://dev-jnto.pantheon.io/sample-page/ – This doesn’t happen in non-iOS devices and this doesn’t happen on Android either.

    https://www.ads-software.com/plugins/caldera-forms/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor David Cramer

    (@desertsnowman)

    Hi there,

    I chose not use a javascript validation but rather opted for the “required” attribute. unfortunately, I didn’t know at the time that Safari doesn’t support the attribute so it simply says “ok then”. As a fallback, I do validate the form in the backend. the problem here is that the form doesnt know which page you where on so it just drops you back at the front.

    I do intend on fixing this in a future update. For now is it possible to add a javascript validator to the theme? if not I can throw something together to add validation if needed.

    Thread Starter digisavvy

    (@digisavvy)

    Hi David,
    Thanks for the reply. If I could ask for your help on this it would be greatly appreciated. My JS is a little suspect, I’d certainly be very grateful. Thank you.

    Thread Starter digisavvy

    (@digisavvy)

    Hey David,
    Hope all is swell. Just wanted to ping you here and see if you could help me with the js validation for the issue I’m having. Let me know. =)

    Thread Starter digisavvy

    (@digisavvy)

    Hi there,
    I tried the newly released version of CF and the issue I’m having still appears to be happening. On this form: https://dev-jnto.pantheon.io/sample-page/ – if you go through the form and get to the last page and try submit the same form twice using the same email in the email field, it kicks you back out tot he first page again. But cycling through the form will take you to the last page wher eyou will see the error message.

    Thread Starter digisavvy

    (@digisavvy)

    So I managed to resolve my issue via a setting, not so much code. I enabled the ‘ajax submissions’ setting; doing so resolved the issue I reported here. If unchecked, then, yes, the user is put back on the first page of the form and they have to cycle back through again to see and fix the error.

    Plugin Contributor David Cramer

    (@desertsnowman)

    @alex Sorry for the late reply. Can you post an issue on GitHub for me and we can take it from there?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bug with form submission when not filling out required field’ is closed to new replies.