title: How to Validate only number upto 3 digit in each Step using jquery-step
body: <p>Hello trying to make step by step body measurement form using jquery stepjs <a href="https://github.com/rstaib/jquery-steps/" rel="nofollow noreferrer">https://github.com/rstaib/jquery-steps/</a>
  my code submit the data on finish but need help on validation of the field that it should max 3 digit number that is the measurement before  hitting the next button </p>
  
  <pre><code>&lt;form id="form" name="form" method="post" action="mail/men-measure.php" class="measureinput-inner"&gt;
  </code></pre>
  
  <p> 
                          </p>
  
  <pre><code>            &lt;section class="tabs-continners"&gt;
      &lt;input type="text" class="measureinput" placeholder="Enter Measurement In cm" id="bandhgala-length" name="bandhgala-length"&gt;
      &lt;/section&gt;
  
              &lt;section class="tabs-continners"&gt;
      &lt;input type="text" class="measureinput" placeholder="Enter Measurement in cm" id="bundi-length" name="bundi-length"&gt;
      &lt;/section&gt;
  
              &lt;section class="tabs-continners"&gt;
          &lt;input type="text" class="measureinput" placeholder="Enter Measurement In cm" id="fly" name="fly" &gt;
      &lt;/section&gt;
        &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>My Script</p>
  
  <pre><code>   &lt;script src="js/jquery.steps.js"&gt;&lt;/script&gt;
  
     &lt;script&gt;
     $(function ()
     {
        $("#wizard").steps({
          headerTag: "h2",
          bodyTag: "section",
          transitionEffect: "slideLeft",
          stepsOrientation: "vertical",
                onFinished: function (event, currentIndex) {
         $("#form")[0].submit();
         }
      });
  
     });
     &lt;/script&gt;
  </code></pre>