javascript - Angular.JS - 只允许输入数字字段中的特定数字值

Question

我试图理解一种 Angular 方式，我只能让用户输入一个不超过 24 的数字，或者在我的其他输入中输入 60 来表示小时和分钟。

            <input type="number"
                   placeholder="HH"
                   ng-minlength="2"
                   ng-maxlength="2"
                   required
                   ng-model="session.timeHH">

            <input type="number"
                   placeholder="mm"
                   ng-minlength="2"
                   required
                   ng-maxlength="2"
                   ng-model="session.timeMM">

目前这是我的 HTML。

用户可以在小时内输入一个数字，如 99，这显然是错误的。我正在寻找一种方法来验证或阻止用户在提交之前只能输入最多 24 小时和 59 分钟的数字。

或者甚至点击提交按钮就足够了。

Answer 1

不是 Angular ，但为什么不使用 HTML 属性呢？ Angular 很适合这些，您可以检查表单的 $valid 属性以确保满足约束条件。

<input type="number" min="0" max="24" step="1">