gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 03:22:38 25 4
gpt4 key购买 nike

我需要将输入值限制为 [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 比较陌生,所以我可能缺少一些基本概念。

最佳答案

您需要删除 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

关于javascript - 如何使用 javascript 限制输入值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45069447/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com