可以使用html5的number类型实现限制文本框只能输入数字。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。
加属性。A.B.C类似于三个tab，tab设置一个active 的class标识当前焦点在哪个文本框。下面的数字，绑定同一个class，点击事件获得当前点击数字的value，将值赋给有active的文本框
<!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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）