&

liguoquan

2024年7月19日 15:48 本文熱度 924

：JS-如何控制input只能正數(shù)字類型并過濾特殊符號給出提醒

<!DOCTYPE html>

<html>

<head>

<title>Input框只允許輸入數(shù)字</title>

</head>

<body>

// 監(jiān)聽 input 輸入變化事件

document.getElementById('inputBox1').addEventListener('input', function(e) {

let inputValue = e.target.value;

// 使用正則表達式過濾特殊符號

let filteredValue = inputValue.replace(/[^\d.]/g, '');

// 如果過濾后的值與輸入值不同，則說明有特殊符號被過濾掉了

if (filteredValue !== inputValue) {

alert('請只輸入數(shù)字和小數(shù)點');

}

// 更新 input 的值為過濾后的值

e.target.value = filteredValue;

});

</script>

</body>

</html>

該文章在 2024/7/19 15:48:38 編輯過