无法使用Angular.js验证输入字段

Question

我在使用Angular.js验证输入字段时遇到问题。我需要输入字段仅输入数字（ ie-0,1... -0,1 ie-0,1... ），并且不允许使用任何字符。我在下面解释我的代码。

<div ng-class="{ 'myError': billdata.dis.$touched && billdata.dis.$invalid }">
<input type="text" name="dis" id="discount" class="form-control" placeholder="Add discount" ng-model="discount" ng-keypress="clearField('discount');" ng-keyup="setLatestSalePrice();" ng-pattern="/^[0-9]$/">
</div>
</div>
<div class="help-block" ng-messages="billdata.dis.$error" ng-if="billdata.dis.$touched">
<p ng-message="pattern" style="color:#F00;">This field needs only number(e.g-0,1..9).</p>
</div>

在这里输入数字时，还会显示验证错误消息。请帮助我解决此问题。

Answer 1

几处变化

• 将输入容器更改为form标签
• 给表单标签起个名字，例如name='form'
• 将myError条件更改为!form.$valid
• 将正则表达式更改为/^(\\s*|\\d+)$/以允许使用空字符串或数字。

codepen http://codepen.io/Anthonyzou/pen/XXaBdy