jquery-steps | powerful jQuery wizard plugin that supports accessibility | User Interface library

If the code for the button is the same like on the jquery-steps pages, you can access the styles by the href-attribute of the button like this:

There were 2 mistakes in the code.

In HTML Code, you were having className as measurename as measureemail, whereas your JS was appending currentIndex. You were using same function to validate name,email,input, You need to seperate it and check if any of them are returning false.

Below is the working code, please check.

HTML:

Use regex to validate the number of digits. You will need additional onStepChanging and onFinishing parameters for steps().

The regex /^[0-9]{1,3}$/ will allow only upto 3 digits e.g. 1, 12, 123 will be allowed, but not 1234 and so on. You can write your own logic to warn user to enter max 3 digits.(e.g. red colored text)
Note: This regex will not allow blank value. To allow blank value modify regex as /^[0-9]{0,3}$/

EDIT:
You have 4 steps and every step has one input, so we need to validate the which is visible on current step. So I have added current step's index(currentIndex in script) as suffix to measureinput class. You can notice measureinput0, measureinput1, measureinput2, measureinput3 classes for in every

Now we can validate only current visible in JavaScript.