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'));
}

JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)

猜你会喜欢....

使用Javascript限制文本框只允许输入数字

很多时候需要用到限制文本框的数字输入,试过许多方法,都不太理想,遂决定自己实现一个来玩玩。 曾经使用过的方法 通过onkeydown事件来控制只允许数字: ? ...

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

有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如,输入大于0的正整数 1,文本框只能输入数字代码(小数点也不能输入) 2,只...

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

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

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

文章出处:js限制文本框只能输入数字方法小结 这篇文章主要分享下js代码限制文本框中只能输入数字的多个实例,学习下js控制文本框中输入数字的方法,需要的朋友可以参考下 有时需要限制文本框...

文本框只允许输入数字,中文,字母

文本框只允许输入数字: 用Up和Down有区别 只能输入数字、字母、下划线 常用的正则表达式 只能输入数字:“^[0-9]*$” 只能输入n位的数字:“^...

MFC实现Edit输入限制(只允许输入数字,负号和小数点)

1)添加个C++类 eg. class Dot:public CEdit     2)给这个类添加onChar()消息     afx_msg void OnChar(UINT nChar, ...
  • ccfxue
  • ccfxue
  • 2016年03月22日 13:46
  • 3352

js 过滤非法字符,只输入数字,文本框长度限制

动画编辑页面EZ602230847CN $(function () { $("body").on("keyup", ".pValidLeng...
  • WDYDXF
  • WDYDXF
  • 2014年07月24日 19:46
  • 3399
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js文本框只允许输入数字并限制数字大小的方法
举报原因:
原因补充:

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