Angular.JS - 仅允许输入数字字段中的某个数字值

Question

我试图理解一种角度的方式,我只能让用户输入一个不超过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

没有角度,但为什么不使用HTML属性？Angular对于这些很有用,您可以检查表单的$ valid属性以确保满足约束.

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