Buenas tardes intento desarrollar un login con ciertas funciones en JavaScript que me permita hacer lo siguiente:
Que al llenar el primer Input con un longitud de 7 caracteres se active el segundo Input y se le remueva el Style="background: grey;" y al llenar el segundo Input con una longitud de 7 caracteres se active el boton de Enviar y se le remueva de su clase (class="btn disabled") el atributo (disabled) y el parametro disabled.
Encontre un codigo para guiarme mas o menos, he realizado algunas modificaciones en su función pero no me da resultados.
<script type="text/javascript">
function activarBoton() {
if (verificar2()) {
btnEnviar.disabled = false
} else {
btnEnviar.disabled = true
}
}
function verificar2() {
if (caja2.value.length<=7)
return true;
return false;
}
function activarInput() {
if (verificar()) {
caja2.disabled = false
} else {
caja2.disabled = true
}
}
function verificar() {
if (caja1.value.length<=7)
return false;
return true;
}
var btnEnviar = document.getElementById("btnEnviar");
btnEnviar.disabled = true;
var caja1 = document.fr.caja1;
var caja2 = document.fr.caja2;
caja2.disabled = true;
caja1.onkeyup = caja2.onkeyup = activarBoton;
</script>
<form name="fr">
<input type="text" name="caja1" />
<input type="text" name="caja2" style="background: grey;"/>
<button id="btnEnviar" class="btn disabled" type="submit" disabled>enviar</button>
</form>