title: How to put a validation for bootstrap time picker so that it never exceeds given minutes?
body: <p>I have got two fields inside a form <strong>timervalue</strong> and <strong>warmupvalue</strong>
  (timervalue is always  in Minutes .)</p>
  
  <p>How to put a validation for timepicker so that it never exceeds given minutes ?</p>
  
  <p>This is my code </p>
  
  <pre><code>&lt;form id="update-form" class="form-horizontal"&gt;
     &lt;div class="form-group"&gt;
        &lt;input type="text" id="timervalue" name="timervalue" autocomplete="off" maxlength="3"  placeholder="Timer Value" class="form-control numbersonly"&gt;
     &lt;/div&gt;
     &lt;div class="form-group"&gt;
        &lt;label&gt;Warm up&lt;/label&gt;
        &lt;div class="input-group"&gt;
           &lt;input type="text" id="warmupvalue" name="warmupvalue" class="form-control timepicker" data-minute-step="1"  data-second-step="1" readonly&gt;
           &lt;span class="input-group-btn"&gt;
           &lt;button class="btn default" type="button"&gt;
           &lt;i class="fa fa-clock-o"&gt;&lt;/i&gt;
           &lt;/button&gt;
           &lt;/span&gt;
        &lt;/div&gt;
     &lt;/div&gt;
     &lt;input type="submit" class="btn btn-primary" value="Update" /&gt;
  &lt;/form&gt;
  
  
  
   $(document).ready(function()
   {
  
       $('#warmupvalue').timepicker(
   {
           showMeridian: false,
           showSeconds: true,
           //showMeridian: false,
           defaultTime: '0:00:00'
   });
  
           $('#update-form').bootstrapValidator(
           {
                   fields:
                   {
                           timervalue:
                           {
                                   validators:
                                   {
                                           notEmpty:
                                           {
                                                   message: 'timervalue is required'
                                           }
                                   }
                           }
                   }
           })
   });
  </code></pre>
  
  <p>This is my <a href="http://jsfiddle.net/x7pooh99/46/" rel="nofollow noreferrer">fiddle</a> </p>
  
  <p>Please let me know how to do this </p>