欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

限制html文本框input只能输入数字和小数点的方法

程序员文章站 2022-03-07 17:33:43
...
本文主要介绍了限制html文本框input只能输入数字和小数点的方法。具有很好的参考价值。下面跟着小编一起来看下吧

代码：

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />

PS：js实现只能输入数字和小数点的文本框

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
 obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是. 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)"></body></html>

以上就是限制html文本框input只能输入数字和小数点的方法的详细内容，更多请关注其它相关文章！

相关标签： Input

上一篇： ps剪切蒙版快捷键是什么？

下一篇： 分享html文本框text不可用只读的多种实现方法

推荐阅读