soy nuevo en este mundillo y tengo una duda con la que llevo peleando varios días.
En mi código tengo un botón que gracias a la función de JS en HTML:
function comprobarInfoEquipo(obj) {
if (obj.checked)
document.getElementById('btnperfil').disabled = false;
else
document.getElementById('btnperfil').disabled = true;
}
detecta si en un formulario quedan campos por introducir, desactive el botón(False), y si están todos rellenos lo active(True).
Mi problema es que quiero que cuando el botón esté desactivado mande una <alert>
indicando que faltan campos, y que cuando el botón este activado mande otra <alert>
distinta diciendo que el usuario se creo correctamente.
Hasta ahora solo he conseguido que pulsando el boton independientemente de su estado mande la misma alerta siempre, he probado callbacks
sin mucho éxito e incluso haciendo una función para true y otra para false e incluyéndole ambas al mismo botón y otra vez sin mucho éxito.
Desconozco si hay alguna función que me permita hacer eso o meter algo dentro del if
y else
que se base en el estado(true y false).
Muchísimas gracias.
@kyara, pff he intentado modificar el código y nada, solo salta la primera función:
function valida_envia() {
//valido el nombre
if (document.registro.nombre.value.length == 0) {
alert("Tiene que escribir su nombre")
document.fvalida.nombre.focus()
return 0;
}
//valido la fecha
if (document.registro.fecha.selectedIndex == 0) {
alert("Seleccione fecha de nacimiento")
document.fvalida.fecha.focus()
return 0;
}
//valido el mail
if (document.registro.correo.value.length == 0) {
alert("Tiene que escribir su Correo Electrónico")
document.fvalida.correo.focus()
return 0;
}
//valido la contraseña
if (document.registro.contraseña.value.length == 0) {
alert("Tiene que escribir su Contraseña")
document.fvalida.contraseña.focus()
return 0;
}
//valido el usuario
if (document.registro.usuario.value.length == 0) {
alert("Tiene que escribir su nombre de usuario")
document.fvalida.usuario.focus()
return 0;
}
//valido el servidor
if (document.registro.servidor.selectedIndex == 0) {
alert("Debe seleccionar un servidor")
document.registro.servidor.focus()
return 0;
}
//el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.registro.submit();
}
el botón lo tenia con un type=submit
y lo he cambiado a type=button
como indicaba la pagina y no se envía el formulario
El HTML del formulario es este:
<form method="post" target="_self" name="registro">
<table class="perfil">
<tr class="perfil">
<td class="perfil">
<p class="texto">Nombre y Apellidos</p><br>
<input class="caja" type="text" name="nombre" value="" required /><br>
</td>
<td class="perfil">
<p class="texto">Fecha de Nacimiento</p><br>
<input class="caja" type="date" name="fecha" required><br>
</td>
</tr>
<tr class="perfil">
<td class="perfil">
<p class="texto">Correo Electrónico</p><br>
<input class="caja" type="text" name="correo" value="" required /><br>
</td>
<td class="perfil">
<p class="texto">Contraseña (Entre 4 y 10 máx.)</p><br>
<input class="caja" type="password" name="contraseña" value="" minlength="4" maxleght="10"
required /><br>
</td>
</tr>
<tr class="perfil">
<td class="perfil">
<p class="texto">Usuario (Entre 8 y 10 máx.)</p><br>
<input class="caja" type="text" name="usuario" value="" minlength="8" maxlength="20" required /><br>
</td>
<td class="perfil">
<p class="texto">Alojamiento Servidor</p><br>
<select name="servidor" class="caja" required>
<option value="0" class="opcmenu">Elija una opción porfavor</option>
<optgroup label="Europa" class="grupserv"></optgroup>
<option value="1">España</option>
<option value="2">Francia</option>
<option value="3">Alemania</option>
<optgroup label="Asia" class="grupserv"></optgroup>
<option value="1">China</option>
<option value="2">Japón</option>
<option value="3">India</option>
<optgroup label="América" class="grupserv"></optgroup>
<option value="1">EE.UU</option>
<option value="2">Canadá</option>
<option value="3">México</option>
</select><br>
</td>
</tr>
<tr class="perfil">
<td class="perfil">
<input id="btnperfil" class="btnperfil" type="submit" value="Enviar" name="buscar"
onclick="valida_envia()">
</td>
</tr>
</table>
</form>
`