45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:怎么样限制html文本框input只能输入数字和小数点?

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

2017-07-16 09:37:37 来源:www.45fan.com 【

怎么样限制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>

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


本文地址:http://www.45fan.com/a/question/89938.html
Tags: 文本 html 限制
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部