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