Question

有两个字段。我需要一个小于第二个，第二个比第一个多，同时通过验证。

但是，输入第一个数字时未保存在模型中（保存为未定义），因为没有通过验证条件“max”

对我来说重要的是键盘输入而不是按钮

有人可以帮我解决这个问题吗？

<td><input type="number" class="form-control input-sm" ng-model="item.low" max="{{item.high-1}}" required></td>
<td><input type="number" class="form-control input-sm" ng-model="item.high" min="{{item.low+1}}" required></td>

Answer 1

您是否尝试过初始化控制器中item.low和item.high的值？

＆＃13;

<!DOCTYPE html>
<html data-ng-app>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-init="item.low=0;item.high=1;">
    <input type="number" class="form-control input-sm" ng-model="item.low" max="{{item.high-1}}" required>
    <input type="number" class="form-control input-sm" ng-model="item.high" min="{{item.low+1}}" required>
    <p>item.high={{item.high}}</p>
    <p>item.low={{item.low}}</p>
  </body>

</html>

＆＃13;

Answer 2

比我想象的要容易

我刚刚在第一个INPUT中删除了test for test，他没必要并且验证成功且数据正确

<td><input type="number" class="form-control input-sm" ng-model="item.low" required></td>
<td><input type="number" class="form-control input-sm" ng-model="item.high"  min="{{item.low+1}}" required></td>

所有人寻求帮助

带有最小/最大参数的验证号

2 个答案: