Angular JS: preserve leading zeros for a number

Question

I want to preserve the leading zeros for a number but as usual it trims them. I tried

<input type="tel" pattern="[0-9]*">

But this allows text input which breaks my case.

Please help!!!

Answer 1

You can use the input type="text" , use the ng-pattern to validate your expressions and then use ng-message to validate your field and display errors.

This won't remove your lead 0s.

So your HTML will look something like this:

<input type="text" ng-pattern="[0-9]*" ng-model="myTel">
<div ng-messages="myForm.myTel.$error">
 <div ng-message="pattern">You can insert only digits here</div>
</div>