Validation notice, once resolved, cannot submit the form?

  • Resolved asuk

    (@asuk)


    3 years, 5 months ago

    Scenario,

    The user does not supply one or multiple required fields, at which point the form (rightly so) shows a validation error, once the user resolves the validation error, they click the submit button but nothing happens.

    I have checked the console and no errors are shown, in the network tab I am seeing the reCaptureV3 refresh on editing the value of the required field as expected and even if the user un-checks and then rechecks the acceptance checkbox the same scenario still occurs. Only upon refreshing the page can they then submit the form.

    NOTE: The same scenario occurs after submitting a successful form submission also. This method makes more sense that it’s blocked to stop multiple spam submissions etc. so this is less concerning.

    So after a form validation warning is shown the user cannot submit the form even after resolving the problem. Also, the warning notice and field warnings also remain after changes.

    Any pointers towards possible cause/solution appreciated?

    This is across all CF7 forms on the site.

    CF7: V5.4.1

    • This topic was modified 3 years, 5 months ago by asuk.
    • This topic was modified 3 years, 5 months ago by asuk.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter asuk

    (@asuk)

    I have since tried fully disabling the most likely plugins that may be conflicting such as:

    – reCaptureV3 temporarily disabled
    – All optimisation plugins
    – facebook tracking plugin
    – Cookie management plugin
    – flushed the CDN cache
    – flushed the WP cache

    But the same scenario persists????

    • This reply was modified 3 years, 5 months ago by asuk.

    hi @asuk

    can you show the mail template? Because the form has no required field in the html code.

    https://contactform7.com/text-fields/#text

    The difference between them is that text* connotes a required field. In Contact Form 7’s convention, all types of tags with an asterisk ‘*’ mean that these are required fields.

    • This reply was modified 3 years, 5 months ago by Erik.
    Thread Starter asuk

    (@asuk)

    Hi @codekraft

    Thanks for taking a look, we have needed to remove the required flags for now on the forms to avoid enquiries not getting through as a result of this issue.

    I have since narrowed this down to the core theme we are using (Porto Theme) and not the child theme as the CF7 works with Twenty Twenty One theme but not the core theme or child theme, so I suspect when I dig through the recent change logs for Porto I will find the root cause and suspect caching is the reason I have missed this up until now.

    If you wish to see the scenario as I see it, I have a form with the required * flags still set here:

    https://www.amayauk.com/kornit-atlas-lp/

    Thanks again for taking the time to take a look and if you see anything I may have missed please do share.

    Thanks.

    hi @asuk
    the issue was as you reported related to your template as you are guessing

    remove from /themes/porto/js/theme.js?ver=6.1.2 line 6205 to 6227

    you need to update to the last version this theme because has outdated scripts.

    it is a responsibility of the authors of porto (which is a paid theme), they know to fix it (and it is their responsibility)

    • This reply was modified 3 years, 5 months ago by Erik.
    Thread Starter asuk

    (@asuk)

    Hi @codekraft

    Appreciated again for your feedback, I have already raised this with their team and they are investigating and resolving the issue in a future update if found to be the problem.

    Thanks again.
    #Legend.

    thanks you @asuk, please keep us informed!

    Thread Starter asuk

    (@asuk)

    @codekraft your feedback has helped us resolve this, thanks.

    The Proto theme developers have acknowledge the issue and will be updating the JS file located at: /wp-content/themes/porto/js/theme.js and will be removing/updating the following lines: 6205 through to 6214.

    Thank you for your input, it helped us resolve this much faster.
    Appreciated.

    Have a great weekend.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Validation notice, once resolved, cannot submit the form?’ is closed to new replies.