javascript - 如何使用 javascript 限制输入值？

Question

我需要将输入值限制为 [1, 5000000]。我想以编程方式完成它。我正在将 AngularJS 用于我的 Web 应用程序。这是我写的代码:

html

<input ng-change="checkLimit()" type="number" min="1" max="5000000" name="input" ng-model="data.flips" required/>

js

angular.module("app", []).controller("controller", function($scope) {
    $scope.checkLimit = function() {
        $scope.data.flips = $scope.data.flips > 5000000 ? 5000000 : 
        $scope.data.flips;
        $scope.data.flips = $scope.data.flips < 1 ? 1 : $scope.data.flips;
    }
});

我确信函数会运行，但输入字段和变量中的值没有更新。我对 Angular 比较陌生，所以我可能缺少一些基本概念。

Answer 1

您需要删除 min 和 max 属性，因为此验证不允许更改 ng-model。

如果你想保持最小值和最大值，你可以添加 ng-model-options，如下所示:

<input ng-change="checkLimit()" type="number" min="1" max="5000000" name="input" ng-model="data.flips" required
                           ng-model-options="{ allowInvalid: true, updateOn: 'blur' }"/>

请注意，我们正在使用 ng-model-options，因此我们必须使用适当的 Angular 版本 >=1.4