Estoy teniendo un error con mi formulario, no me esta mostrando los mensajes de alerta. Lo que es raro es que no me esta devolviendo ningun error en la consola.
function validarFormulario(){
var nombre = document.getElementById('nombre').value;
var tel = document.getElementById('tel').value;
var email = document.getElementById('email').value;
if (nombre == ""){
alert("Por favor escriba su nombre y apellido");
}
if (tel == ""){
alert("Por favor escriba su telefono");
}
if( email == ""){
alert("Por favor escriba su E-mail");
}
}
<tr>
<td width="60%" align="left" valign="top">Nombre y apellido</td>
<td width="40%" align="left" valign="top"><input name="nombre" type="text" onchange="validarFormulario();" onkeyup="validarFormulario();" id="nombre" size="40" maxlength="100">
*</td>
</tr>
<tr>
<td align="left" valign="top">Telefono</td>
<td align="left" valign="top"><input name="tel" onchange="validarFormulario();" onkeyup="validarFormulario();" type="tel" id="tel" size="40" maxlength="40">
*</td>
</tr>
<tr>
<td align="left" valign="top">Email
<input name="micorreo" type="hidden" id="micorreo" value="delfibergalli@gmail.com" onchange="validarFormulario();" onkeyup="validarFormulario();" ></td>
<td align="left" valign="top"><input name="email" type="email" id="email" size="40" maxlength="100">
</td>
</tr>
<td align="left" valign="top"><input type="button" name="enviar" id="enviar" value="Enviar"></td>
Hice unos console log de mis variables y me devuelve los valores pero no entiendo porque no estaria mostrando los mensajes de alerta. Algun error que no este viendo por el cual no muestra los mensajes? Ya revise todo varias veces y aún asi no logro encontrar donde me equivoque.
onchange
en tusinputs
, hasta que no escribas algo en uno de ellos no te va a lanzar los alerts que esperas.