How to don't allow to type string data in number input (Edge Browser) [duplicate]

Question

I have next input

<input type="number" name="min" ng-model="vm.item.min" ng-max="vm.item.max" required >

But I can type string data here (in Edge Browser). How can i fix it?

Jonas Wilms · Accepted Answer · 2017-04-18 13:57:31Z

2

window.addEventListener("input",function(e){
    e.target.value=parseFloat(e.target.value)||0;
});

A js solution. Whenever theres some input, replace the value with the Number representation of it... http://jsbin.com/xisamadene/edit?output

Change "input" to "change" if you want the replacement to appear when the user leaves the element

answered Apr 18, 2017 at 13:51

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

1 Answer 1