input输入框只能输入数值而非字符
程序员文章站
2022-04-13 17:37:06
...
由于火狐或有一些浏览器不支持 type=“number” 属性值
废话不多说,直接贴代码
// html标签部分
<input type="text" onkeyup="this.value=format_num(this.value)" onblur="this.value=format_num(this.value,'blur')"/>
function format_num(val,type){
//替换费小数点的字符
var s1 = val = val.replace(/[^\d(?!.)]/g,'');
var a = s1.indexOf('.');
var b = s1.indexOf('0');
var c = s1.indexOf('0.');
if(type){
//失去焦点时,最后一位是小数点则去除
if(a > 0 && a == (s1.length - 1)){
return s1.replace(/[^\d]/g,'');
}
}
if(c != 0 && b == 0 && s1.length >= 2){
//判断输入的第一个数字不能为0
return format_num(s1.substring(1,s1.length));
}
if(a < 0){
return s1;
}else if(a == 0){
s1 = s1.substring(1,s1.length);
return format_num(s1);
}else {
s1 = val.substring(0,a+1);
val = (val.substring(a,val.length));
val = val.replace(/[^\d]/g,'');
return s1+val;
}
}