input框只能输入数字和小数点

时间:2022-11-07 10:01:42

对于input框只能输入数字和小数点,可能最容易想到的就是直接给input的type赋值为number,这确实是最简单的,但是也有一些问题,比如number的input右边会有自己默认的上下箭头,它还有鼠标滚轮事件,然后在实际项目中不方便控制这个滚动的值。如果input还是text类型,通过js来控制其输入又怎么做呢,话不多说上代码:

$("input").bind("keyup",function(){
$("input").val($("input").val().replace(/[^\-?\d.]/g,''));
});
通过replace和正则,当输入不是数字和小数点的时候就用空字符去替换input输入的值,一小段js轻松做到控制input框只能输入数字和小数点。