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

html中js只允许输入数字

2013-03-25 09:09 239 查看

<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 onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)" onpaste="return false">
<br />
只能输入数字的文本框：
<input onkeyUp = "DigitInput(this,event);" onpaste="return false" >

</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航