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

时间:2015-04-05 14:50:33

标签: html angularjs

我的网页上有一些疑惑/蜷缩

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位数。少于/更多它应该触发验证。 (实际上这个控制用于输入年份值)

1 个答案:

答案 0 :(得分:3)

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

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

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

同样,如果您只想允许介于1到5之间,请在min="1"

中设置max="5" input type="number"

关于有效年份:

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

允许从19792019

即使简单的ng-pattern = "^(19|20)\d{2}$"也会匹配19002099