JS 限制输入框只输入数字和小数点

最新推荐文章于 2024-07-16 21:18:13 发布

AI算法攻城狮

最新推荐文章于 2024-07-16 21:18:13 发布

阅读量4.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： # JS/jQuery

本文链接：https://blog.csdn.net/jxq0816/article/details/20790225

JS/jQuery 专栏收录该内容

20 篇文章 ¥99.90 ¥299.90

订阅专栏

这段代码展示了如何使用JavaScript来限制输入框(input)只接受数字和小数点。通过onkeyup和onafterpaste事件，结合正则表达式(/D/g)和isNaN函数，确保用户只能输入数字及一个小数点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只允许数字：

<input

onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

只允许数字和小数点(IE 兼容，但火狐不兼容)：

<input

onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"

火狐下js设计：

<script language="JavaScript" type="text/javascript">
	      function clearNoNum(event,obj){ 
	        //响应鼠标事件，允许左右方向键移动 
	        event = window.event||event; 
	        if(event.keyCode == 37 | event.keyCode == 39){ 
	            return; 
	        } 
	        //先把非数字的都替换掉，除了数字和. 
	        obj.

了解本专栏