Tengo varios inputs en mi plantilla, por ejemplo tengo estos 3 y un botón de siguiente desactivado.
Como puedo validar que solo el input de nombre y apellido estén llenos y se active el botón de siguiente. Por el momento si escribo el nombre se activa el boton, pero quiero que el nombre y apellido esten llenos y recien se active el boton de siguiente
var b = document.getElementById('button');
var input = document.getElementById("inputtext");
input.addEventListener("input", displayButton);
function displayButton() {
if (input.value === "") {
b.disabled = true;
} else {
b.disabled = false;
}
}
displayButton();
<input type="text" id="inputtext" placeholder="Nombre">
<input type="text" id="inputtext2" placeholder="Apellido">
<input type="text" id="inputtext3" placeholder="Telefono">
<button id="button">Siguiente</button>
Intenté con
var input = document.querySelectorAll("#inputtext, #inputtext2")
pero no funciona, agradezco su ayuda