function Comenzar(){ console.log("hasta aca estoy") var nombre1 var apellido1 nombre1=document.getElementsByClassName("B4I1"); apellido1==document.getElementsByClassName("B4I2");
nombre1.addEventListener("keyup",validacion,false);
apellido1.addEventListener("keyup",validacion,false);
validacion();
<form name="Registro" method="get">
<table>
<tr>
<td>Nombre:</td>
<td><input type="text" name="nombre" class="B4I1"></td>
</tr>
<tr>
<td>Apellido:</td>
<td><input type="text" name="apellido" class="B4I2"></td>
</tr>
<tr>
<td>Edad:</td>
<td> <input type="number" name="edad" id="B4I3"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" id="B4I4"></td>
</tr>
</table>
</form>
} function validacion(){ Mi código javascript es el siguiente:
if ((nombre1.value==" ") && (apellido1.value==" ")){
nombre1.setCustomValidity("Introduce nombre, apellido y edad");
nombre1.style.background="#FFA07A";
apellido1.style.background="#FFA07A";
} else {
nombre1.setCustomValidity("");
nombre1.style.background="#5f9ea0";
apellido1.style.background="#FFFFFF";
}
} addEventListener("load",Comenzar,false);
function Comenzar(){
console.log("hasta aca estoy")
var nombre1
var apellido1
nombre1=document.getElementsByClassName("B4I1");
apellido1==document.getElementsByClassName("B4I2");
nombre1.addEventListener("keyup",validacion,false);
apellido1.addEventListener("keyup",validacion,false);
validacion();
}
function validacion(){
if ((nombre1.value==" ") && (apellido1.value==" ")){
nombre1.setCustomValidity("Introduce nombre, apellido y edad");
nombre1.style.background="#FFA07A";
apellido1.style.background="#FFA07A";
} else {
nombre1.setCustomValidity("");
nombre1.style.background="#5f9ea0";
apellido1.style.background="#FFFFFF";
}
}
addEventListener("load",Comenzar,false);
estoEsto me devuelve el error 10.Formularios.js:9 Uncaught TypeErrorsiguiente: nombre1.addEventListener is not a function, si podria
10.Formularios.js:9 Uncaught TypeError: nombre1.addEventListener is not a function
Si alguien puede ayudarme :)