程序员

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

作者:admin 2021-08-21 我要评论

代码: input type=text class=txt name=qty value= onkeyup=this.value=this.value.replace(/[^0-9\.]/g,'') / PS:js实现只能输入数字和小数点的文本框 htmlhe...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

代码:

<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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!


原文链接:https://m.jb51.net/web/544094.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 限制html文本框input只能输入数字和小

    限制html文本框input只能输入数字和小

  • 玩转物联网外设之步进电机 -《神奇的物

    玩转物联网外设之步进电机 -《神奇的物

  • HaaS100 OTA之固件验签功能介绍

    HaaS100 OTA之固件验签功能介绍

  • 一篇搞懂什么是数据中台 | 开发者社区

    一篇搞懂什么是数据中台 | 开发者社区

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商