jQuery+正则+文本框只能输入数字的实现方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery+正则+文本框只能输入数字的实现方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1527字，纯文字阅读大概需要3分钟。
内容图文
网站中的一个小功能：要求用户只能输入16位数字。
试过javascript的方法：
如：一种方法：
//只允许输入数字
function checkkey2(value, e) {
var key = window.event ? e.keyCode : e.which;
if ((key > 95 && key < 106) || (key > 47 && key < 60)) {
}
else if (key != 8) {
if (window.event) //IE
{
e.returnValue = false;
}
else //Firefox
{
e.preventDefault();
}
};
};
另一种方法：
用正则表达式限制只能输入数字：
onkeyup="value=value.replace(/[^/d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
上面的两种方法我均用过，但多少都会出现一些问题，比如浏览器的兼容性问题，不能达到想要的效果等，所以，最后还是考虑用正则来自己写。
直接贴代码了，很简单的正则表达式：
<head>
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
<title></title>
<!-- http://www.cnblogs.com/babycool -->
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#xxxxxx").keyup(function () {
//如果输入非数字，则替换为''，如果输入数字，则在每4位之后添加一个空格分隔
this.value = this.value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
})
});
</script>
</head>
<body>
限制只能输入19个字符
<input id="xxxxxx" type="text" name="name" value="" maxlength="19" />
<br />
<br />
输入非数字替换为''
<input type="text" name="name" value="" onkeyup="value=value.replace(/[^\d]/g,'')" />
<br />
<br />
</body>
页面效果：
浏览器的兼容性：
我在IE7.8.9.10下，firefox，chrome下测试均可以。
以上就是小编为大家带来的jQuery+正则+文本框只能输入数字的实现方法全部内容了，希望大家多多支持脚本之家~
内容总结
以上是互联网集市为您收集整理的jQuery+正则+文本框只能输入数字的实现方法全部内容，希望文章能够帮你解决jQuery+正则+文本框只能输入数字的实现方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。