html - 如何在 HTML/Angular 中为数字设置 ng-pattern

Question

我对我的页面没有什么疑问/挤成一团

1).我有一个输入控件。它应该只允许用户输入 1 到 5 之间的值。如果用户尝试输入最多 5 个，则应该抛出错误。ng-pattern="/^[1-5]*$/"会正确吗？

<input type="text" ng-model="MovieRating" class="form-control" name="MovRate" ng-pattern="/^[1-5]*$/" required />
<span ng-show="adduserform.MovClafictn.$error.pattern" class="spnmsg">Rating should be 1 to 5</span>

2)多了一个输入控件，只能输入4位数字。少于/更多应该触发验证。 (实际上这个控件用于输入年份值)

Answer 1

 ng-pattern="/^\d{5}$/" 

这将允许用户仅输入 5 位数字。

您还可以使用 ng-maxlength 指定长度，使用 input type="number" 仅允许数字。

同样，如果您只想允许 1 到 5 之间的值，则在您的 input type="中设置 min="1" max="5"数”

关于有效年份:

ng-pattern = "/19[789]\d|20[01]\d/g"

这将允许从 1979 到 2019

否则，即使是简单的 ng-pattern = "^(19|20)\d{2}$" 也会匹配从 1900 到 2099