<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js只能输入数字;js只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(event,obj){
//响应鼠标事件,允许左右方向键移动
event = window.event||event;
if(event.keyCode == 37 | event.keyCode == 39){
return;
}
//先把非数字的都替换掉,除了数字和.
obj.value = obj.value.replace(/[^\d.]/g,"");
//必须保证第一个为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//保证.只出现一次,而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
function checkNum(obj){
//为了去除最后一个.
obj.value = obj.value.replace(/\.$/g,"");
}
function DigitInput(obj,event) {
//响应鼠标事件,允许左右方向键移动
event = window.event||event;
if(event.keyCode == 37 | event.keyCode == 39){
return;
}
obj.value = obj.value.replace(/\D/g,"");
}
</script>
</head>
<body>
只能输入数字和小数点的文本框:
<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)" onpaste="return
false">
<br />
只能输入数字的文本框:
<input id="input2" onkeyUp = "DigitInput(this,event);" onpaste="return false" >
</body>
</html>
经过测试可以用,但是有个缺点: 没有判断小数位数。用起来不够精准。但比常用的判断只能输入小数的要强些
最新评论