Bootstrap Validation Help

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps
I am using above form wizard and everything is working fine except the validation. the current code will only validate if the <input> field is empty.
My question is: how to use jquery built-in validation in this case so I do not have to write codes to check one by one? Because in my case, I have over 20+ <input> for each steps and I have at least 5 steps to go.

thanks
LVL 1
ITsolutionWizardAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

lenamtlCommented:
Hi,

You can use this plugin which should cover all your needs
https://jqueryvalidation.org/

Documentation and demo : https://jqueryvalidation.org/documentation/

Don't forget to validate server side too :)
ITsolutionWizardAuthor Commented:
Thank you. it is a good one but that does not work to me in my case.
I use https://getbootstrap.com/  for all of the UI and it is better we stick with the current UI i use. It is such pain to remove all of the codes already built and use jqueryvalidation.org.
Julian HansenCommented:
I don't understand your response - what has bootstrap got to do with jQuery Validation?

It is such pain to remove all of the codes already built and use jqueryvalidation.org.
What code will you have to remove from jQuery validation???
lenamtlCommented:
Hi,

Validate.js is the Javascript plugin for validation that almost everyone is using and it play very well with Bootstrap. (you don't need to remove anything) you may like to edit CSS or create your own class which is possible with that plugin.

Here another one that you may prefer https://formvalidation.io/guide/plugins/bootstrap/

You will need to check each single input to validate, not only if they are required but you may need to check the data format or some range, min max characters etc.

In any case you will also need to do Server side validation as JavaScript validation can be easily skipped by user, so to save time you can only use server side validation and skip the JS validation. (this is what I'm doing)

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
C#

From novice to tech pro — start learning today.