input表单限制输入数字和两位小数

      发布在:前端技术      评论:0 条评论

本篇使用的是oninput ,也可以用onkeyup,onblur。

<label class=" control-label" >
<span>市场价</span>
<input type="text" class="form-control" name="name" oninput="input_num(this)" value="" autocomplete="off" />
</label>

对应的js写法:

 
// 格式化限制数字文本框输入,只能数字或者两位小数
function input_num(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("$#$",".");
// 只能输入两个小数
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');

//如果有小数点,不能为类似 1.10的金额
if(obj.value.indexOf(".")> 0 && obj.value.indexOf("0")>2){
obj.value= parseFloat(obj.value);
}
//如果有小数点,不能为类似 0.00的金额
if(obj.value.indexOf(".")> 0 && obj.value.lastIndexOf("0")>2){
obj.value= parseFloat(obj.value);
}
//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
if (obj.value.indexOf(".") <= 0 && obj.value != "") {
obj.value = parseFloat(obj.value);
}
}

来源链接:https://blog.csdn.net/mentalitys/article/details/97623176

相关文章
热门推荐