最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

轻松让INPUT框只能输入整数

Javascript rockyxia 33150浏览 0评论

正文直接开始

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

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

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

完整的input案例代码如下:

<input type="text" name="exchangeamount" id="exchangeamount" value="0" size="5" style="ime-mode:disabled" onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" />

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

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

完整input案例代码如下:

<input type="text" name="exchangeamount" id="exchangeamount" value="0" size="5" style="ime-mode:disabled" onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');this.value=this.value.replace('.','');" />

转载请注明:Rockyxia Web技术博客 » 轻松让INPUT框只能输入整数
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。

(本篇完)