只允许文本框中输入数字

最新推荐文章于 2024-07-18 08:59:30 发布

iteye_12142

最新推荐文章于 2024-07-18 08:59:30 发布

阅读量169

点赞数

分类专栏：技术转载文章标签： Firefox 正则表达式 IE Opera

技术转载专栏收录该内容

5 篇文章 0 订阅

订阅专栏

即时判断文本框中是否输入数字，非数字则不允许输入的JS代码。

onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

表单中只允许输入数字的方法：
<input οnkeyup="value=value.replace(/\D/g,'')">

如何在表单里限制用户只许输入数字或字母,可以使用正则表达式,再加上事件的配合就可以了

有两种方法来实现,

第一种:

<body>
<script type="text/javascript">
function regInput(reg)
{
var srcElem = event.srcElement
var oSel = document.selection.createRange()
var srcRange = srcElem.createTextRange()
oSel.setEndPoint("StartToStart", srcRange)
var num = oSel.text + String.fromCharCode(event.keyCode) + srcRange.text.substr(oSel.text.length)
event.returnValue = reg.test(num);
}
</script><input type="text" onKeyPress="regInput(/^[0-9]*$/)" /></form>
这种方法很好用,但是在Firefox不起作用,因为firefox下不识event该事件,当然,你可以参照第二个例子改一下也行.

第二种:

<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
numcheck = /\d/;
return !numcheck.test(keychar);
}
</script>

<input type="text" οnkeypress="return noNumbers(event)" />
</form>
这个例子只允许输入字母,想改成只输入数字吗?很简单,把
return !numcheck.test(keychar);改成:
return numcheck.test(keychar);即可

iteye_12142

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
只允许文本框中输入数字

即时判断文本框中是否输入数字，非数字则不允许输入的JS代码。onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"表单中只允许输入数字的方法：如何在表单里限制用户只许输入数字或字母,可以使用正则表达式,再加上事件...
复制链接

扫一扫