Question

我有两个输入，一个用于分钟，另一个用于最大值。
如何添加验证以使min＆lt;最大值？

＆＃13;

<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>

＆＃13;

然后，当我尝试选择一个值时，它必须在[min，max]中？

Answer 1

不确定如果这是你想要的

如果您希望显示验证消息，则必须使用angular-messages

<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");
  }
}

最小和最大验证

3 个答案: