前端的简单知识——input框限制只能输入整数&浮点数


在目前的一个简单的项目中,遇到了简单的问题,解决成本&售价输入input框内只能输入某类型数值问题,目前只贴了整数和浮点数的代码。

限制只能输入整数

<input 
onkeyup="
if(this.value.length===1){
this.value=this.value.replace(/[^1-9]/g,'')
}else{
this.value=this.value.replace(/\D/g,'')
}"
/>

限制只能输入 浮点数&整数

<input title="" onkeyup="checkInputNum(this)" />
<script>
/* 检查输入的浮点数函数*/
function checkInputNum(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("$#$",".");

//保证 数字整数位不大于8位 可以根据自己的需求进行更改
if(100000000<=parseFloat(obj.value))
obj.value = "";
}

</script>

发表评论

0 评论
  • 最新评论
  • 按热度排序