js实现文本框只能输入数字与小数点(修正版)

发布时间:2020-12-16编辑:脚本学堂
本文介绍了js脚本实现文本框只能输入数字与小数点的方法,以前的版本不能输入退格键等功能,这次加上了,需要的朋友参考下。

本节内容:
文本框只能输入数字与小数点
 
1、鼠标左右移动时。
2、最后一个不能是小数点。

完整代码:
 

复制代码 代码示例:
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能输入数字和小数点_www.jb200.com</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,"");
}
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
只能输入数字和小数点的文本框:<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)">
脚本学堂 www.jb200.com 编辑整理。
</body>
</html>