如何添加“；输入”；使用JavaScript在用户名和密码输入元素上的事件侦听器？

document.getElementById（“txt”）.addEventListener（“焦点”，函数（）{
if（document.getElementById（“txt”）.value.valid==true）{
this.style.border=“纯绿2px”
}否则{
this.style.border=“纯红2px”
}
});
document.getElementById（“pwd”）.addEventListener（“焦点”，函数（）{
this.style.border=“纯绿2px”}）；
document.getElementById（“txt”）.addEventListener（“模糊”，函数（）{
this.style.border=“纯白2px”；
this.style.boxShadow=“0 5px白色”；
});
document.getElementById（“pwd”）.addEventListener（“blur”，function（））{
this.style.border=“纯白2px”；
this.style.boxShadow=“0 5px白色”；
});








使用
.addEventListener（“输入”，函数（）{}）在输入更改时执行某些操作


var txt=document.getElementById（“txt”）；
var pwd=document.getElementById（“pwd”）；
addEventListener（“输入”，函数（）{
if（this.validity.valid）{
this.style.border=“2px纯绿色”；
}
});
pwd.addEventListener（“输入”，函数（）{
if（this.validity.valid）{
this.style.border=“2px实心红色”；
}
});
addEventListener（“焦点”，函数（）{
如果（txt.value.valid==true）{
this.style.border=“纯绿2px”
}否则{
this.style.border=“纯红2px”
}
});
pwd.addEventListener（“焦点”，函数（）{
this.style.border=“纯绿2px”
});
addEventListener（“模糊”，函数（）{
this.style.border=“纯白2px”；
this.style.boxShadow=“0 5px白色”；
});
addEventListener（“模糊”，函数（）{
this.style.border=“纯白2px”；
this.style.boxShadow=“0 5px白色”；
});








Aniket G.说得对，你需要有输入eventListener。您不需要有
焦点
和
模糊
事件。您不需要逐个附加事件监听器，只需创建一个元素数组并将其循环到
addEventListener


var txt=document.getElementById（“txt”）；
var pwd=document.getElementById（“pwd”）；
[txt，pwd].forEach（elm=>{
elm.addEventListener（“输入”，函数（）{
this.style.border=（this.validity.valid）？“2px实心红色”：“实心绿色2px”；
});
})








document.getElementById（“txt”）.value.valid
。返回未定义的
。请给出验证逻辑示例。上面的代码有什么问题？您的问题是什么？我希望通过事件侦听器实现与图像相同的形式，并验证它与图像不相同。。但是谢谢你@AadiYogi请评论它没有实现的地方，这样我就可以修正我的答案，这样它对你有用