различают два входных коробок максимальное и минимальное значение

Question

<section class="col col-4"> 
    <label>Min Stock Level</label> 
    <label class="input"> 
     <input type="text" name="minStock" min="0" ng-model="item.MinStockLevel" ng-pattern="/^[0-9]+(\.[0-9]{1,6})?$/" required /> 
     <span ng-show="myForm.minStock.$dirty && myForm.minStock.$invalid"> 
      <span style="color:green" ng-show="myForm.minStock.$error.required">Price is Required</span> 
      <span style="color: red" ng-show="myForm.minStock.$error.pattern">Not Valid</span> 
     </span> 
    </label> 
</section> 

это первое текстовое поле, в котором введите значение min.

<section class="col col-4"> 
    <label>Max Stock Level</label> 
    <label class="input"> 
     <input type="text" name="maxStock" ng-  model="item.MaxStockLevel" min=" {{ item.MinStockLevel + 1 }}" ng-pattern="/^[0-9]+(\.[0-9]{1,6})?$/" required /> 
      <span ng-show=" myform.maxstock.$dirty && myform.maxstock.$invalid"> 
       <span style="color:green" ng-show="myForm.maxStock.$error.required">Price is Required</span> 
       <span style="color: red" ng-show="myForm.maxStock.$error.pattern">Not Valid</span> 
      </span>  
    </label> 
</section> 

это второе поле ввода. я хочу разграничить между двумя блоками минимальный уровень запасов и максимальные значения уровня запасов. где пользователь может ввести максимальное значение, большее, чем минимальное значение, и минимальное значение меньше максимального значения. как я могу его проверить?

Answer 1

Кажется, проблема была с типом ввода = «текст», который должен был вводить type = «number», так как min и max применяются к числам, а не к тексту.