欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

input输入框只能输入数值而非字符

程序员文章站 2022-09-11 15:34:22
input输入框只能输入数值而非字符 由于火狐或有一些不支持 type=“number” 属性值 废话不多说,直接贴代码 // html标签部分 function forma...

input输入框只能输入数值而非字符

由于火狐或有一些不支持 type=“number” 属性值

废话不多说,直接贴代码

// html标签部分

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;

}

}