html输入框只能输入整数,轻松让INPUT框只能输入整数

正文直接开始

有时我们需要我们的input只能输入整数,把中文,英文以及所有字符全部屏蔽掉,我找到了一个非常简便的方法,分享给大家,如果大家有更好的也请一起分享哈!

只需要在input中加入以下代码即可:

style="ime-mode:disabled" οnkeypress="return event.keyCode>=48&&event.keyCode<=57" οnpaste="return !clipboardData.getData('text').match(/\D/)" οndragenter="return false"

完整的input案例代码如下:

发现楼上的方法在ff浏览器下导致无法输入

又找了一个新的,在ff和ie下测试通过

完整input案例代码如下:

转载请注明：Rockyxia Web技术博客 » 轻松让INPUT框只能输入整数

感谢阅读，如果您发现文章中有表述不准确，欢迎提出来，也欢迎交流相关问题，你可以去这里进行一对一问答交流。(本篇完)

html输入框只能输入整数,轻松让INPUT框只能输入整数相关推荐

html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...
js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...
input框的输入事件
要求: input框只能输入数字. 问题: 只判断e.keyCode的情况下,在中文输入法中出现了e.keyCode均为229的情况,不论输入数字还是其他. 解决: 修改input框的type为num ...
让input框只输入英文
解决扫码枪在中文输入法时扫码冲突扫码枪在扫完码时会自动回车,这时如果是中文输入法就会触发输入法联想,再加一个回车,那么input框输入的就成中文了.如果可以控制input框只能输入英文那就好了.cs ...
html页面input框输入不了,input框不能输入问题
input框不能输入问题今天在写程序设计登录页面的时候遇到了一个问题:输入框不能输入! 就是我写着写着想测试一下功能,就发现输入框不能输入了.???还能出现这种问题??就很疑惑,然后就搜了搜无法输入 ...
uniapp开发微信小程序input框限制输入
input框输入手机号的约束 <input @input="onlyNum" class="inp" v-model="phone" ...
html5div输入内容,将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚:在input框中输入内容,会相应的显示在下面的div中的不同做法: #div{ width: 175px; height: 100px; margin: 20px 84px; border: ...
ios input框无法输入问题
/* ios input框无法输入问题 */ input{ -webkit-user-select:auto !important; } 转载于:https://www.cnblogs.com/liu ...
JS获取input框用户输入信息作为数组存储传输给后台数据库操作存储方法
JS获取input框用户输入信息作为数组存储传输给后台数据库操作存储方法获取input框用户输入信息数组存储 var datas = {Id: idData.id,OrderDetailCode: ...
html输入框只能输入几个,input 两个input框只能允许同时输入一个
html 金额(一次性) 金额(分期) 分期每期元 js function changeipt(){ var money=$("#money").val(); var stag ...
正则限制input框只能输入数字,英文等
常用HTML正则表达式 1.只能输入数字和英文的: <input οnkeyup="value=value.replace(/[/W]/g,'') " ...

html输入框只能输入整数,轻松让INPUT框只能输入整数

html输入框只能输入整数,轻松让INPUT框只能输入整数相关推荐

最新文章

热门文章