JavaScript 控制 Input 标签,禁止输入负数
现在有一个 Input 标签,id 是 'costSharing',type 是 'text',想要通过 JavaScript 控制用户输入内容,不允许输入负数内容。
可以使用以下代码来实现:
const costSharingInput = document.getElementById('costSharing');
costSharingInput.addEventListener('input', function() {
const inputVal = this.value;
if (inputVal < 0) {
this.value = '';
}
});
这段代码首先获取了 id 为 'costSharing' 的输入框元素,然后添加了一个 input 事件监听器。每当用户在输入框中输入内容时,该事件监听器就会被触发。
在监听器中,我们首先获取了当前输入框的值,然后判断是否小于 0。如果是,就将输入框的值设为空字符串,从而清空输入框。
这样,当用户尝试输入负数时,输入框中的内容就会被清空,从而达到禁止输入负数的效果。
原文地址: https://www.cveoy.top/t/topic/lPoZ 著作权归作者所有。请勿转载和采集!