Jquery autoNumeric是一款常用于數字自動格式化的Javascript庫,可以讓我們在輸入數字時自動添加千位分隔符、貨幣符號等,讓數字更加易讀易懂,是很實用的工具。
//引入Jquery庫和autoNumeric庫 <script src="jquery.min.js"></script> <script src="jquery.autonumeric.min.js"></script> //html代碼 <input type="text" id="num-input"> //JS代碼 $(document).ready(function() { $('#num-input').autoNumeric('init'); });
autoNumeric提供了很多選項來自定義格式化的樣式,比如可以設置小數點的位數、設置前綴或后綴、設置貨幣符號等等。可以根據項目需求或用戶習慣進行調整。
//設置只能輸入整數 $('#num-input').autoNumeric('init', { aSep: '', aDec: '.', vMin: '0', vMax: '99999999', mDec: '0' }); //設置最多保留兩位小數 $('#num-input').autoNumeric('init', { aSep: ',', aDec: '.', vMin: '-99999999', vMax: '99999999.99', mRound: 'S', mDec: '2' }); //設置貨幣符號 $('#num-input').autoNumeric('init', { aSep: ',', aDec: '.', vMin: '-99999999', vMax: '99999999.99', mRound: 'S', mDec: '2', aSign: '$ ' });
總之,Jquery autoNumeric是一個十分實用的工具,可以很方便的為輸入框內的數字添加格式,提高用戶體驗,減少錯誤輸入。在使用時要注意調整樣式和限制范圍,以達到最佳效果。