ng-pattern只能应用于输入类型的文本吗？

Question

This is a really simple example: 这是一个非常简单的示例：

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <meta charset="utf-8" />
    <script data-semver="1.2.11" src="http://code.angularjs.org/1.2.11/angular.js" data-require="angular.js@1.2.x"></script>
  </head>
  <body>
    <form name="myForm">
      <div>
        <input type="number" name="number" ng-model="num" ng-pattern="/^\d+$/"/>
        <br>error: {{ myForm.number.$error }}
      </div>
      <div>
        <input type="text" name="text" ng-model="text" ng-pattern="/^\d+$/"/>
        <br>error: {{ myForm.text.$error }}
      </div>
    </form>
    <script type="text/javascript" charset="utf-8">
      angular.module('myApp', []);
    </script>
  </body>
</html>

Here is the plunker 这是the 子

With both using the same ng-pattern , only the one with input type text work. 两者都使用相同的ng-pattern ，只有输入类型为text那个才有效。 Am I missing something here? 我在这里想念什么吗？

Answer 1

The HTML5's number type is not currently supported by AngularJS. AngularJS当前不支持HTML5的number类型。 If you put required directive in the input control, the validation will be triggered, and you can get the status from myForm.number.$valid . 如果在输入控件中放置了required指令，则将触发验证，并且可以从myForm.number.$valid获取状态。 Hope it helps. 希望能帮助到你。

ng-pattern只能应用于输入类型的文本吗？

问题描述

1 个解决方案

解决方案1
0 2014-02-06 15:37:47

ng-pattern只能应用于输入类型的文本吗？

问题描述

1 个解决方案

解决方案1 0 2014-02-06 15:37:47

解决方案1
0 2014-02-06 15:37:47