JavaScript验证文本框只能输入数字

iteye_13549

于 2009-06-17 14:37:04 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13549/article/details/81727730

由于项目需要填写金额，老板要求只能输入数字，在网上找了很长时间，大部分的验证都是判断keyCode的范围，这样就会出现诸如退格键、回车键、方向键等控制键也无法使用，故自己写了一个验证。
此验证只能输入数字和小数点，可以用控制键删除字符，小数点只能有一个。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>输入框只能输入数字</title>
  </head>

  <body>
	<input type="text" name="num" id="num" onkeypress="return keypress(event)">
	<script type="text/javascript">
	  function keypress(e){
	    e = e ? e : window.event ? event : null;
	    var keyNum = event.keyCode;
	    var keyChar = String.fromCharCode(keyNum);
	    var regDig = /\d/g;
	    if(regDig.test(keyChar) || keyChar == ""){
	      return true;
	    }
	    var regDot = /\./g;
	    if (regDot.test(keyChar) && !regDot.test(document.getElementById("num").value)){
	      return true;
	    }
	    return false;
	  }
	</script>
  </body>
</html>