Ejemplo de loggin javascript
Buenas en este ejemplo de javascript mostrare
el ejemplo de un simple loggin en el cual para entrar deben
de tener el nombre de usuario y contraseña.
Nota: el ejemplo no requiere conexion con base de datos.
aqui el codigo.
Si desean usar una base de datos con el loggin primero tendrian que crear la base de datos
con sus respectivas tablas como ser la de usuario para luego buscar en la tabla con select
si se encuentra el nombre puesto y si existe que compare la contraseña de la base datos con
la puesta de ser corrceto que lo permita entrar de lo contrario que buelva a intentar.
Para crear la base de datos recomiendo xampp.
el ejemplo de un simple loggin en el cual para entrar deben
de tener el nombre de usuario y contraseña.
Nota: el ejemplo no requiere conexion con base de datos.
aqui el codigo.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de loggin</title>
<meta charset="UTF-8">
</head>
<body>
<h2>Introdusca nombre de usuario y contraseña:</h2>
<input type="text" id="nombre" >
<input type="text" id="contra" >
<br><button type="button" id="boton" onclick="loggin()"> entrar </button>
<div id="mensaje"></div>
<script type="text/javascript">
function loggin()
{
mensaje.innerHTML=(document.getElementById('nombre').value=="nombre" && document.getElementById('contra').value=="contra"
? "Correcto":"Nombre de usuario o contraseña incorrecta");
}
// Insertar Date en elem con id="fecha"
</script>
</body>
</html>
Si desean usar una base de datos con el loggin primero tendrian que crear la base de datos
con sus respectivas tablas como ser la de usuario para luego buscar en la tabla con select
si se encuentra el nombre puesto y si existe que compare la contraseña de la base datos con
la puesta de ser corrceto que lo permita entrar de lo contrario que buelva a intentar.
Para crear la base de datos recomiendo xampp.
Descargar ejemplo:
Comentarios
Publicar un comentario