JS-如何控制input只能正数字类型并过滤特殊符号给出提醒

liguoquan

2024年7月19日 15:48 本文热度 503

：JS-如何控制input只能正数字类型并过滤特殊符号给出提醒

<!DOCTYPE html>

<html>

<head>

<title>Input框只允许输入数字</title>

</head>

<body>

// 监听 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 编辑过