JavaScript规定文本框只能输入数字或者小数点

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript规定文本框只能输入数字或者小数点

有时候文本框中只能够输入数字，当然数包括浮点类型的，下面就通过代码实例介绍一下如何实现此效果。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
// 值允许输入一个小数点和数字 
function func(obj){ 
  //先把非数字的都替换掉，除了数字和. 
  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("$#$","."); 
} 
window.onload=function() { 
  var num=document.getElementById("num");
  num.onkeyup=function(){
    func(this);
  }
} 
</script> 
</head> 
<body> 
<input id="num" type="text" /> 
</body> 
</html>

代码描述：JavaScript文本框输入数字小数点。JavaScript规定文本框只能输入数字或者小数点

下载全部收藏

119 158

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册