手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >实现只能输入数字的input不用replace方法
实现只能输入数字的input不用replace方法
摘要:废话不多说,上代码:复制代码代码如下:/***只能输入数字0-9*/functionkp(){if(event.keyCode=65){ev...

废话不多说,上代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title></title>

<script type="text/javascript">

/**

* 只能输入数字0-9

*/

function kp(){

if(event.keyCode<=47 || event.keyCode>=65) {

event.returnValue=false;

}

}

/**

* 只能输入数字0-9和 .(小数点)

*/

function kpd(){

if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) {

event.returnValue=false;

}

}

</script>

</head>

<body>

这个input只能输入0-9<input type="text" id="t1" onkeydown="kp()"/><br/>

这个input只能输入0-9.<input type="text" id="t2" onkeydown="kpd()"/>

</body>

</html>

直接在keydown的时候就截掉输入事件,根本不让输。

不用replace那种别扭的方法 - 输进了字母再替换掉,好丑!

【实现只能输入数字的input不用replace方法】相关文章:

Jquery动态添加输入框的方法

jQuery实现转动随机数抽奖效果的方法

JavaScript实现单击下拉框选择直接跳转页面的方法

js实现文本框选中的方法

jquery实现图片左右切换的方法

javascript实现树形菜单的方法

浅谈jQuery中replace()方法

jQuery实现返回顶部效果的方法

javascript实现点击后变换按钮显示文字的方法

jQuery实现首页图片淡入淡出效果的方法

精品推荐
分类导航