hace poco empece con esto y estoy teniendo un problema con mi código. Quiero hacer un formulario sencillo de inicio de sesión y estoy teniendo el problema que no puedo realizar la validación si uso la etiqueta form, de lo contrario la validación se puede hacer pero pierdo el diseño que obtengo con el form. El código que tengo es el siguiente:
En mi HTML
<form id="formulario" name="formulario">
<center><img id="img" src="login.png" alt="iniciar sesión"/></center>
<label id="lbl-inicio"><b>Iniciar Sesión</b></label>
<br/> <br/>
<hr>
<input type="text" placeholder="Nombre Usuario" name="usuario" id="usuario"
ng-model="form.usuario"/>
<br/>
<input type="password" placeholder="Contraseña" name="contraseña"
id="contraseña"/>
<br/>
<input type="submit" class="btn btn-info" id="iniciar" onclick="iniciar()"
value="Iniciar Sesión"/>
<input type="button" class="btn btn-danger" id="cancelar"
onclick="cancelar()" value="Cancelar"/>
</form>
En mi JS
function cancelar(){
document.getElementById("usuario").value = "";
document.getElementById("contraseña").value = "";
}
function iniciar(){
if (document.getElementById("usuario").value=="admin" &&
document.getElementById("contraseña").value=="admin"){
alert("Sesión iniciada");
}
else {
alert("Error de autenticación");
document.getElementById("usuario").value = "";
document.getElementById("contraseña").value = "";
}
}
onsubmit
en la etiquetaform
de html y ahí ejecutas la función de iniciar , y por validación errónea hacesreturn false
, para que no genere el envío.