JS如何将控制input标签只允许输入数字(含小数)且控制最多输入两位小数


这里直接分享一个最简单的实践方案:

1-借助input标签类型:type="Number"

<input type="number" onkeyup="setTwoNumberDecimal(this)" />

2-通过onkeyup事件控制输入位数:

function setTwoNumberDecimal(element) {
    var val = window.parseFloat(element.value);
    //最多保留2位小数,不4舍5入
    element.value = window.parseInt(val * 100) / 100;
}

总结:

  1. 通过使用window.parseInt截取整数部分功能,达到保留不四舍五入的目的;
  2. 如果想四舍五入,则可以使用0.115.toFixed(2)来保留相应位数,同时又可以四舍五入;
  3. 当然也可以通过字符串截取,正则表达式替换等其他方案实现;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM