input输入框限制只能输入数字，如何实现
我知道用正则表达式。我也写了表达式。但是只是绑定在onkeyup事件上的，这个效果就是输入了一个非数字，然后一闪而消失。这个效果不好...然后我换成onkeydown更不...
我知道用正则表达式。我也写了表达式。
但是只是绑定在onkeyup事件上的，这个效果就是输入了一个非数字，然后一闪而消失。这个效果不好...
然后我换成onkeydown更不行。
我需要的是 其他的字符连输入的资格都没有，而不是输进去了然后在用正则式替换。
就类似easyui-numberbox那样...我想知道这怎么实现的... 展开
但是只是绑定在onkeyup事件上的，这个效果就是输入了一个非数字，然后一闪而消失。这个效果不好...
然后我换成onkeydown更不行。
我需要的是 其他的字符连输入的资格都没有，而不是输进去了然后在用正则式替换。
就类似easyui-numberbox那样...我想知道这怎么实现的... 展开
4个回答
展开全部
绑定onkeyddown的方法，判断输入的数据是否是数字。
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = function(){
document.getElementById('test').onkeydown = function(e){
var keyCode;
window.event ? keyCode = e.keyCode :keyCode = e.which;
var keyStr = String.fromCharCode(keyCode);
return /\d/.test(keyStr);
}
}
</script>
</head>
<body >
<input type="text" id="test" />
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = function(){
document.getElementById('test').onkeydown = function(e){
var keyCode;
window.event ? keyCode = e.keyCode :keyCode = e.which;
var keyStr = String.fromCharCode(keyCode);
return /\d/.test(keyStr);
}
}
</script>
</head>
<body >
<input type="text" id="test" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="number" />试试这个？但是
IE
Firefox
Safari 并不兼容。
IE
Firefox
Safari 并不兼容。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写一个0-9的字符串然后让输入框中的值循环遍历每一个在0-9的字符串中是否都能找到对应的字符，如果有找不到的就返回false;如果都可以就返回true
追问
能详细一点么，哪个方法返回true
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function onlyNumber(event){
var keyCode = event.keyCode;
if(keyCode<48 || keyCode>57){
event.keyCode = 0;
}
}
$(function(){
$("#numberbox").keydown(onlyNumber);
});HTML代码：
<input type="text" id="numberbox"/>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
