Crear un sencillo login de HTML con validación de usuario y contraseña

Hola!, quisiera crear un sencillo login, de html, algo If, es la clave y la contraseña correcta, re-direccione a otro pagina, algo asi bien simple, alguno sabe?

Hola amigo, eso se hace usando html y php es la manera mas sencilla.

Esto en el html


Y esto en el php

roduxh dijo:

Esto en el html

HTML:

							<form method="POST" action="http://forobeta.com/validaLogin.php">
		
								Nombre de Usuario<br />
								<input type="text" name="usuario">
								<br /><br />
								Password<br />
								<input type="password" name="password">
								<br /><br />
							
								<input type="submit" value="Ingresar">
		
							</form>

Y esto en el php

PHP:

$usuario = $_POST['usuario'];
 $password = $_POST['password'];

if($usuario == "nombredeusuario" && $password == "contrasena"){
 header ("Location: http://www.paginaaredireccionar.com");
}
else{
 echo "Contraseña incorrecta";
}

Hacer clic para expandir...

se puede usar en blogger? como ?

7KOU dijo:

se puede usar en blogger? como ?

Hacer clic para expandir...

Puedes hacerlo en javascript (obviamente si ven el codigo fuente sabran el user y pass)

<form name="login">
Username<input type="text" name="userid"/>
Password<input type="password" name="pswrd"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>

<script language="javascript">
function check(form)
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "admin" && form.pswrd.value == "1234")
{
window.open('http://google.com')/*opens the target page while Id & password matches*/
}
else
{
alert("Error Password or Username")/*displays error message*/
}
}
</script>

Pegalo en tu plantilla y listo


admin es el usuario
1234 la clave
google.com la pagina destino (genial para cpa jeje)


Fuente:
https://www.daniweb.com/web-develop...933/a-simple-html-login-page-using-javascript

rayden dijo:

Puedes hacerlo en javascript (obviamente si ven el codigo fuente sabran el user y pass)

<form name="login">
Username<input type="text" name="userid"/>
Password<input type="password" name="pswrd"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>

<script language="javascript">
function check(form)
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "admin" && form.pswrd.value == "1234")
{
window.open('Google')/*opens the target page while Id & password matches*/
}
else
{
alert("Error Password or Username")/*displays error message*/
}
}
</script>




admin es el usuario
1234 la clave
google.com la pagina destino (genial para cpa jeje)


Fuente:
https://www.daniweb.com/web-develop...933/a-simple-html-login-page-using-javascript

Hacer clic para expandir...

Claro que se puede hacer así, pero .. pues el dijo que quería algo básico, se deduce que la seguridad no es un factor prescindible.

roduxh dijo:

Claro que se puede hacer así, pero .. pues el dijo que quería algo básico, se deduce que la seguridad no es un factor prescindible.

Hacer clic para expandir...

Si es cierto, pero con javascript, no tiene que utilizar un servidor para ejecutar php. Lo que puede hacer para mejorar la seguridad es ofuscar el codigo. Al menos yo lo he usado en blogger para ofertas cpa y los usuarios ni se imagina ver codigo fuente, mucho menos descodificarlo