添加ng-pattern时,不会显示Angular ng-message

时间:2017-04-07 06:04:49

标签: javascript validation angular-material

我添加了ng-pattern =" / ^ [0-9] {1,7} $ /"到我的输入字段(类型=数字)以验证数字没有' e' letter.I我正在使用有角度的材料。它正在验证并在输入中显示红色,但验证信息没有显示出来。它只显示了这种类似的价值' 3223233e3'

当我提供一个数字和一个e时会发生这种情况:

Validation happen when enter this number and e

当我提供许多e时,会发生这种情况:

Validation not happen when enter e



<input type="number" id="txtAnd" ng-model="txtAnd" ng-pattern="/^[0-9]{1,25}$/" name="AndOcc" required />
<div ng-messages="Three.AndOcc.$error">
  <div ng-message="required">Please supply a value</div>
  <div ng-message="pattern">Please supply a valid value</div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

在@Edric的笔下,

试试这段代码

<div ng-messages="Three.AndOcc.$error"> <div ng-message="required">Please supply a value</div> <div ng-message="number">Please supply a valid value</div> </div>