2016-10-11 7 views
0

次の問題があります。私はAngularJSを使用して、次のHTML入力を持っている:AngularJS:整数入力を確認するためのngパターン

<input class="form-control" type="number" name="widgetQuantity" id="widgetQuantity" 
 
ng-model="finalWidget.quantity" placeholder="Enter A Number" min="1" 
 
ng-pattern="/^\d+$/" required/> 
 

 
<p ng-show="widgetForm.widgetQuantity.$error.min" class="help-block"> 
 
You gotta order at least one.</p> 
 

 
<p ng-show="widgetForm.widgetQuantity.$error.pattern" class="help-block"> 
 
No partial widgets, please.</p>

NGパターン指令が負の記号と小数点をキャッチし、それがフォームに「e」の入力をキャッチしていません。何かご意見は?ありがとう!

+0

私はあなたのフォームを表示し、検証するためにngMessagesを使うべきだと思います –

答えて

2

入力フィールドでtype="number"の要件を削除すると、この問題が解決されました。明らかに、HTML検証では角度側からのエラーが無効になります。

関連する問題