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="inputBox" oninput="filterInput(event)"> <div id="warningMessage" style="color: red;"></div> <script> function filterInput(event) { const inputBox = event.target; const inputValue = inputBox.value;
// 過濾特殊符號和空格 const filteredValue = inputValue.replace(/[^\d]/g, '');
if (inputValue !== filteredValue) { document.getElementById('warningMessage').innerText = '只能輸入數字，請勿輸入特殊字符或空格'; } else { document.getElementById('warningMessage').innerText = ''; }
inputBox.value = filteredValue; } </script> </body> </html> 該文章在 2024/7/19 15:43:00 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
