最小値と最大値の確認

Question

2つの入力がminとmaxの2つの入力を持っています。
バリデーションを追加するにはどうすればよいですか？<？

<div class="form-group"> 
 
    <label class="control-label"> Montant minimum</label> 
 
    <input id="min" class="form-control" type="number" ng-model="type.minMontant" required/> 
 
</div> 
 

 
<div class="form-group"> 
 
    <label class="control-label"> Montant maximum</label> 
 
    <input id="max" class="form-control" type="number" ng-model="type.maxMontant" required/> 
 
</div>

そして、私は値を選択しようとするでしょうときに、それが[MIN、MAX]でなければなりませんか？

Answer 1

わからない：

には、以下のことをシミュレーションであります角度メッセージ

<div ng-app> 
    <div class="form-group"> 
     <label class="control-label"> Montant minimum</label> 
     <input id="min" class="form-control" type="number" min="0" max="{{maxMontant}}" ng-model="minMontant" required/> 
    </div> 

    <div class="form-group"> 
     <label class="control-label"> Montant maximum</label> 
     <input id="max" class="form-control" type="number" max="10" ng-model="maxMontant" required/> 
    </div> 
</div> 

Answer 2

はminとmax attiribute（HTML5）

<div class="form-group"> 
    <label class="control-label"> Montant minimum</label> 
    <input id="min" class="form-control" type="number" ng-model="type.minMontant" min="0" required/> 
</div> 

<div class="form-group"> 
    <label class="control-label"> Montant maximum</label> 
    <input id="max" class="form-control" type="number" ng-model="type.maxMontant" max="10" required/> 
</div> 

Answer 3

カスタムを持つことができますが、範囲の整合性をチェックして、可能な範囲での入力値をチェックするバリデータを追加します。これはあなたが検証メッセージは、あなたが使用する必要があり、次に表示したい場合は、

をしたいワットであれば

JSFiddle

$scope.validate = function() { 
    var valid = $scope.validateMin() && $scope.validateMax(); 
    if (valid) { 
    if ($scope.type.value >= $scope.type.min && 
     $scope.type.value <= $scope.type.max) { 
     alert("Correct Value") 
    } else { 
     alert("Out of range"); 
    } 
    } else { 
    alert("Incorrent range values entered"); 
    } 
}