Минимальная и максимальная проверка

Question

Минимальная и максимальная проверка

0

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

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

Saidi Meriem 23 апр. 2016, в 13:37

Источник

Теги:

angularjs

3 ответа

0

добавьте 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>

byteC0de 23 апр. 2016, в 09:40

0

Вы можете иметь настраиваемые валидаторы для проверки целостности диапазона, а затем проверить входное значение с доступным диапазоном.

Ниже приводится его симуляция:

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

Rajesh 23 апр. 2016, в 09:06

Ещё вопросы

Mohsin Muzawar · Accepted Answer · 2016-04-23T09-49-00.000Z

Не уверен, что это ват, вы хотите

если вы хотите, чтобы сообщения проверки были показаны, вам нужно использовать угловые сообщения

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