AngularJS: ng-pattern to check for integer input

Question

I'm stumped by the following problem. I have the following html input using AngularJS:

<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>

The ng-pattern directive catches the negative symbol and decimals, but it's not catching "e" input into the form. Any thoughts? Thanks!

uhm i think you should use ngMessages to display and validate your forms — Paulo Galdo Sandoval
– Paulo Galdo Sandoval, Commented Oct 11, 2016 at 3:53

Ian Taylor · Accepted Answer · 2016-10-20 23:33:20Z

2

Removing the type="number" requirement in the input field solved this issue -- apparently HTML validation will override errors from the angular side.

answered Oct 20, 2016 at 23:33

Ian Taylor

3255 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS: ng-pattern to check for integer input

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related