js文本框只允许输入数字并限制数字大小的方法

转载 2016年06月01日 16:51:25

这是一个很个性的输入框特效,规定文本框只允许输入数字,如果你执意要输入其它的字符,则输入的字符将自动消失,除非你输入的是规定内的字符格式,并且对输入数字大小也有限制!为保证兼容性,请使用火狐浏览器。

<input type="text" id="input" />
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
if(text.value>100){
  text.value = 100;
}
}
</script>

我的实现

删除键,左右键,backspace键都忽略

if(e.keyCode != 37 && e.keyCode !=39 && e.keyCode!=8 && e.keyCode!=46){
    var input = $(e.target);
    $(input).val($(input).val().replace(/\D/g, '').replace(/^0+(\d+)$/, '$1'));
}

数字成像系统

数字成像系统暨Image signal processor原理培训,涵盖成像系统基础5讲:1. 数字成像系统介绍2. CMOS image sensor基础3. 镜头光学基础4. 颜色科学基础5. ISP 信号处理基础,以及ISP各模块:6.黑电平与线性化7.Green Imbalance8:9.坏点消除等21讲,3A技术以及图像质量评价与调校6讲
  • 2017年10月14日 07:20

number——input新属性,提交时自动检测数字格式,大小

提交时自动检测数字格式,大小; 可编辑手动输入,也可以点击上下键调节大小 ...
  • qq_21119773
  • qq_21119773
  • 2016-06-06 09:47:36
  • 5155

Java 文本框输入数字限制以及输入数字大小限制

问题: 之前我有一篇博文也写了这个问题,也是使用的字符串来控制文本框的输入数字 不过,那篇博文给的方法只能限制数字输入,以及数字输入长度的限制 今...
  • Kilper
  • Kilper
  • 2010-08-24 18:13:00
  • 20303

【JavaScript】——限制文本框输入内容

js限制文本框input只能输入数字
  • u010164936
  • u010164936
  • 2016-08-11 15:48:12
  • 1340

数字输入框(包括最大值最小值限制和四舍五入)

以前需要做一个数字输入的InputBox,结果无奈需求太BT,搞得焦头烂额,重做了无数次。无奈之下,再次Google,发现早有成熟的插件了(闷在家里造轮子果然不好啊),autoNumeric使用方便,...
  • w809026418
  • w809026418
  • 2011-04-08 17:25:00
  • 2449

java在文本框中输入数字,当数字大于1000时提示大于一千。

  • 2011年03月28日 22:26
  • 14KB
  • 下载

js控制input文本框只能输入数字

只允许输入数字(不带小数点的)  Java代码   "text" onkeyup="value=value.replace(/[^\d]/g,'')" name="numSor...
  • kouwoo
  • kouwoo
  • 2015-08-31 20:58:08
  • 4631

js限制文本框只能输入数字方法小结

有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如,输入大于0的正整数 复制代码代码如下: 1...
  • mengke1124
  • mengke1124
  • 2016-06-15 19:20:19
  • 7343

js控制输入框最大长度

html5中input元素拥有属性maxLength可以控制最大长度,但是部分主流浏览器不兼容比如ie,而且不区分中英文。所以这里用js控制最大长度。 js代码 /** * 计算字符串长度 截取...
  • li4562258fj155
  • li4562258fj155
  • 2017-08-11 13:08:47
  • 1128

input文本框输入限制数字和小数位数

曾经为了倒腾一个input的输入限制而东逛西逛,终于在不经意间,自己发现了这个限制的规律。这让我有种如获重生的感觉。 废话没有,贴代码最要紧: onkeyup="value=value.repla...
  • hsl_1990_08_15
  • hsl_1990_08_15
  • 2016-04-09 14:20:25
  • 6111
收藏助手
不良信息举报
您举报文章:js文本框只允许输入数字并限制数字大小的方法
举报原因:
原因补充:

(最多只允许输入30个字)