AngularJS:ng-pattern has no effect preventin non numeric userinput in input-field

Question

I'm trying to prevent non numeric userinput in an inputfield:

 <input ng-model-options="{allowInvalid: false}" ng-pattern="/^[0-9]*$/"
        class="cell large-3"  ng-model="val1" />

Unfortunatelly i can input also letters in the input. How I can change this behaviour?

Patterns usually don't prevent input, they just make it fail validation. — Bergi
– Bergi, Commented Jul 24, 2019 at 21:49

georgeawg · Accepted Answer · 2019-07-24 23:01:27Z

0

I'm trying to prevent non numeric userinput in an inputfield

Use type="number":

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app>
    <input type="number" ng-model="value" /><br>
    value={{value}}
</body>

For more information, see

answered Jul 24, 2019 at 23:01

georgeawg

49k13 gold badges77 silver badges98 bronze badges

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

1 Answer 1