js input文本框只能输入数字或不能输入数字
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 我们要对文本框限制能输入数字或不能输入数字，下面我来给大家介绍一些常用见的input文本框只能输入数字或不能输入数字js限制办法，有需要的同学可进入参考。...
|
说明
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法
有了上面说我们就可以开始了
例(兼容IE、火狐等浏览器)
| 代码如下 |
复制代码 |
|
<input
onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"
onpaste="return !clipboardData.getData('text').match(/D/)"
ondragenter="return false"
style="ime-mode:Disabled"
>
|
例
| 代码如下 |
复制代码 |
|
<input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,'')">
|
例
| 代码如下 |
复制代码 |
|
<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown="onlyNum();" style="ime-mode:Disabled>
|
例
只能输入数字,能输小数点.
| 代码如下 |
复制代码 |
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}"> |
例
| 代码如下 |
复制代码 |
|
function checkNumber(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) { //IE
keynum = e.keyCode;
} else if(e.which) { //!IE
keynum = e.which;
}
keychar = String.fromCharCode(keynum); //将键盘码转为实际字符
numcheck = /d/;
return numcheck.test(keychar); // return !numcheck.test(keychar); 不能输入汉字
}
调用方法
<input type="text" onkeypress="return checkNumber(event)" value="0" />
|
|
