如何让html中的文本框只能输入数字，如果不是数字则会弹框说只能输入数字
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
.txt{
color:#ccc;
}
.focus{
color:#333;
}
</style>
<script src="
<script>
$(document).ready(function(){
$(".txt")[0].onkeydown=function(event){
var kc=0;
if(window.event){
kc=event.keyCode;
}else if(event.which){
kc=event.which;
}
//48-57 96-105
if((kc >= 48 && kc <= 57) || (kc >= 96 && kc <= 105)){
//console.log(kc);
}else{
alert("is number?");
this.value=this.value.substring(0,this.value.length-1);
//return false;
/*因为那个alert导致了return false失效，所以，这里如果没有那个alert()而是其他的提示方式的话就可以不需要这里的两行代码，只需要return false即可，这样效果会好些，如果需要alert那就只能操作字符串的方法来搞了，只不过这么做会将输入的先显示，再删除，你可以试试，这是我的办法（当然，没有考虑删除、左右键等意外因素）*/
}
}
});
</script>
</head>
<body>
<input class="txt" type="text" value=""/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" onkeyup="if(!/^\d+$/.test(this.value)) {alert('只能输入数字 !'); this.value=this.value.replace(/[^\d]+/g,'');}" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function check(v){
var r=/^[0-9]+.?[0-9]*$/;
if(!r.test(v)){ //isNaN也行的,正则可以随意扩展
alert('只能输入数字');
}
}
</script>
<input type="text" id='v' onpropertychange='check(this.value)' oninput='check(this.value)' >
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
