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 编辑过 |
关键字查询
相关文章
正在查询... |