Validating minimum number

Question

I have this Angular 2 form:

<input #myInput="ngModel" [(ngModel)]="myobj.myInput" required min="0" type="number" /> 

<p>valid: {{myInput.valid}}</p>

When I enter "10" it is valid and when I enter "" it's invalid, but when I put "-10" it is still valid.

Not enough information to determine what's going on. Where's the validation code? — John Baird, Nov 30 '16 at 22:32

jonrsharpe · Answer 1 · 2016-11-30T23:10:59.083

Because min isn't an option for FormsModule validation. The available validators are required, minlength, maxlength and pattern; an empty input is invalid because you have required. The min attribute prevents the HTML input from decrementing below zero using the arrow keys or the up-down buttons in the input, but isn't used for validation; you could write a custom validator to do this.

Note that there is an issue on GitHub discussing support for the HTML 5 validators; the fact that it's currently closed doesn't bode well for min and max getting included in the near future.

Validating minimum number

1 Answers1