Doesn't validate for numbers in input type="number"?

Question

JavaScript

I did the validation of the "TEXT" type input in js, I used the following pattern: ^[0-9]+$.
Everything worked great.
After that, I decided to change the input type to NUMBER and the pattern broke. The input does not validate the "-" and "+" signs.
What's the catch? Who will tell? How can I prevent pluses and minuses from being entered into an input of type number ?

Answer 1

The bottom line is that type="number", an entry with two "-" or "+" or "." makes the value empty and, on the basis of this, it is difficult to cut unnecessary ones.
So text is ok or event is blur.
There is this https://jsfiddle.net/kickerock/d2nLqcgh/2/