HTML 输入验证(Angular)依赖于其他字段

橙锅

我有两个字段都需要数字。一个必须始终高于另一个。例如,您可以有一个字段 for age,然后是一个字段older sibling age,当然根据第一个字段,该字段必须更大。

我的字段是这样的:

<input type="number" ng-model="age" required> 

<input type="number" ng-model="olderSiblingAge" required>

我试过min="age"olderSibling输入中使用,但没有运气,仍然可以低于它。

忠诚者

您必须像这样插入值:min="{{vm.age}}"有关 AngularJS数字输入文档中所指定

angular
  .module('app', [])
  .controller('ctrl', function() {
    var vm = this;
    vm.age = 1;
    vm.olderSiblingAge = 2;
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl as vm">
  <label> Age </label> <br />
  <input type="number" ng-model="vm.age" required ng-change="vm.olderSiblingAge = vm.age">

  <br /><br />

  <label> Older sibling age </label> <br />
  <input type="number" ng-model="vm.olderSiblingAge" required min="{{vm.age}}">
</div>

注意:我使用了controller-as语法。当然,您可以像使用这样的$scope符号那样使用它min="{{age}}"

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章