JS-如何控制input只能正數字類型并過濾特殊符號給出提醒
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
 ：JS-如何控制input只能正數字類型并過濾特殊符號給出提醒 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Input框只允許輸入數字</title> </head> <body> <input type="text" id="inputBox1" oninput=""> <script> // 監聽 input 輸入變化事件 document.getElementById('inputBox1').addEventListener('input', function(e) { let inputValue = e.target.value;
// 使用正則表達式過濾特殊符號 let filteredValue = inputValue.replace(/[^\d.]/g, ''); // 如果過濾后的值與輸入值不同，則說明有特殊符號被過濾掉了 if (filteredValue !== inputValue) { alert('請只輸入數字和小數點'); } // 更新 input 的值為過濾后的值 e.target.value = filteredValue; }); </script> </body> </html> 該文章在 2024/7/19 15:48:38 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
