Menu
Icon

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.

<!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:


}

Utilizamos cookies propias y de terceros con finalidades analiticas y para mejorar tu experiencia de compras segun tus preferencias, mediante el analisis de tus habitos de navegacion y tu perfil. Puedes aceptar todas las cookies pulsando el boton "Aceptar" o gestionar tus preferencias en el panel de configuracion