html限制input框只能输入数字或小数及限制范围
2018-11-18 10:32:45 robin_sky 阅读数 3423更多
分类专栏: 前端
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/robin_sky/article/details/84196393
前端代码:
<input type="text" name="payMoney[]" οnkeyup="clearNoNum(this)" value="" οninput="if(value>100)value=100;if(value<0)value=0">
οninput="if(value>100)value=100;if(value<0)value=0" 限制范围大小
js代码:
<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>