html input不能输入小数_javascript - 请问如何不让type=number的Input,不可输入加号减号和多个小数点？...

问 题

先谢谢各位了，我是写了一个type = number的Input,鉴于业务需求，这个Input中只能输入数字，加减号不可输入。

本来想判断input中的value值来手动删掉里面的加号减号及多余的点，可是又发现一旦输入的值不合法，Input的value已经被转化为空字符串 ‘’。这样我就无法取到input中的值了。

想了许久不知道解决方法，求各位大神帮忙了，谢谢~

对了，我是用vue写的页面~~~

解决方案

用正则匹配 '^[-]?[0-9]*\.?[0-9]+(eE?[0-9]+)?$'

可以用这种方式，监听input值的变化，发现验证不过就提示。

Welcome

function checkNumber(){

var inputNumber = document.getElementById('inputNumber').value;

if(!/^[-]?[0-9]*\.?[0-9]+(eE?[0-9]+)?$/.test(inputNumber)){

alert('Please input a valid number!');

return false;

}

}

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起