Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3

Thread: Form Wizard

  1. #1
    Junior Member webdeveloper044's Avatar
    Join Date
    Nov 2017
    Location
    Dhaka
    Posts
    2
    Member #
    57836

    Post Form Wizard

    I am trying to make a Form Wizard using Material Bootstrap. I want until filling some mandatory fields users can't go through next step. Is it possible to do this except using of JavaScript?

    Captures.jpg

  2.  

  3. #2
    Member cosmic_wheels's Avatar
    Join Date
    Nov 2017
    Location
    Falkirk,Scotland
    Posts
    33
    Member #
    57853
    Liked
    4 times
    The only way to achieve this without Javascript would be to use a server side language (Such as PHP) to validate the form on each step. This would require submitting the form after each step then the PHP script that validates the fields then returning to the page, passing something like a GET or SESSION variable to let the page know if step 1 was valid or not. If the form in step 1 passes validation, you can use that variable to hide step 1 and show step 2 and so on until the last step.

    The problem with this is that the page will reload each time the form in each step is submitted. I would highly recommend using Javascript instead as it will be faster and create a better user experience. There are also JS libraries for form validation that will mean you really only have to worry about writing a few click event functions.

  4. #3
    Junior Member webdeveloper044's Avatar
    Join Date
    Nov 2017
    Location
    Dhaka
    Posts
    2
    Member #
    57836
    I understood. I have already solved this issue by using JavaScript finally and now it's working fine as I wanted. By the way thank you so much for your suggestions.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com