無法使用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