Required form field validation in multi step forms

  • Resolved Olaf Lederer

    (@finalwebsites)


    6 years, 3 months ago

    Hi,

    the plugin offers a great feature for multi step forms!

    There is one issue, at the moment that I submit the form the HTML5 required fields validation doesn’t work.
    This happens also with your example here:
    https://github.com/ibericode/html-forms-code-snippets/blob/master/multi-step-form.html

    Makes sense because the 3 step doesn’t have any required fields.
    Sure I can create some validation using the PHP based validation, but this is not so user friendly (people have to go back to step 1 or 2). Is there any example about a validation that will block the next step button if the required fields are empty?
    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    thank you for you entry.
    I will give that to our decelopment team and we will emplment that to on of the following updates.

    Thread Starter Olaf Lederer

    (@finalwebsites)

    Hi mondula2016,

    looks like you’re in the wrong forum ??
    This question is about the HTML Forms plugin By ibericode

    Ah cool, sry. that means less work for me ??

    best

    Hi Olaf,

    Unfortunately I don’t really see an easy way to go about this if we want to stick with the data-show-if attributes to create the multiple steps.

    That said, if we were to introduce a custom data-step attribute (for example) then we might be able to build this in more easily. I won’t really have the time for such development for a good few months, but I’m happy to accept a PR for it.

    Cheers, Danny

    Hey, there. Wouldn’t it be helpful?
    https://www.psd2html.com/js-custom-forms/

    I saw similar jQuery modules, but with the integrated validation.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Required form field validation in multi step forms’ is closed to new replies.