您的位置：首页 > Web前端 > JavaScript

只让输入数字的输入框(javascript)

2010-05-20 12:07 295 查看

javascript小玩意,只让输入数字的输入框<body><script>function JHshNumberText(){if ( !(((window.event.keyCode >= 48) &;amp;&;amp; (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46) || (window.event.keyCode == 45))){window.event.keyCode = 0 ;}} </s cript><form name=frm><input type=text name=test value="" onKeypress="JHshNumberText()"><input type=button name=submit value=submit></form></body>

说明
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(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("$#$",".");
}
</script>
</head>
<body>

只能输入数字和小数点的文本框：<input id="input1" onkeyup="clearNoNum(this)">
</body>
</html>

<!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){
ee = 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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航