input只能输入数字和两位小数

2023年1月2日 110次阅读 来源: blueBings

本篇主要问题是在做input限制输入时想到的更好的更简单的正则表达式,代码cody直接可用，不多说，直接上代码。

本篇使用的是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>

 


  // 格式化限制数字文本框输入，只能数字或者两位小数
  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);
    }
  }

 

    原文作者：blueBings
    原文地址: https://blog.csdn.net/mentalitys/article/details/97623176
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞