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

我在使用Angular.js验证输入字段时遇到问题。我需要的输入字段只接受数字（

I.e-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>

此字段只需要数字（例如-0,1..9）

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

一些更改

• 将输入容器更改为

  表单

  标记
• 为表单标签命名，例如

  name='form'

• 将myError条件更改为

  ！表格.$valid

• 将正则表达式更改为

  /^（\s*|\d+$/

  ，以允许空字符串或数字

代码笔