jQuery是一個非常流行的Javascript庫,可以幫助我們輕松地處理各種Javascript操作。其中,使用jQuery設置金額輸入框會使得輸入金額更加方便,具有更好的用戶體驗。
下面是一個使用jQuery實現輸入金額功能的示例代碼:
<script> $(document).ready(function(){ $('input[type="text"]').on('input', function(event) { // 禁止輸入非數字的字符 this.value = this.value.replace(/[^\d.]/g, ''); // 限制小數點后只能輸入兩位 if (this.value.indexOf('.') != -1) { if (this.value.split('.')[1].length >2) { this.value = this.value.slice(0, this.value.indexOf('.') + 3); } } }); }); </script> <input type="text" name="amount" placeholder="請輸入金額">
代碼解釋:
代碼首先使用jQuery監聽輸入框的鍵盤事件,確保只有數字和小數點可以輸入。同時,為了格式化輸入金額,代碼檢查小數點后的位數,并將其限制為最多兩位。這個簡單的代碼片段可以輕松地增強用戶的交互體驗。