Ingreso de contraseña con PHP & HTML

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Ingreso de contraseña con PHP & HTML

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Ingreso de contraseña con PHP & HTML (Leído 3,403 veces)

Rax0r

Desconectado

Mensajes: 7

Ingreso de contraseña con PHP & HTML

« en: 28 Junio 2012, 00:53 am »

Buenas soy nuevo en este foro me ha parecido muy interesante y de gran ayuda. mi problema es que quiero hacer un ingreso con contraseña es muy facil de hacer claro esta con un campo de texto pero lo que quiero hacer la contraseña es tipo con botones como con interfaz hay va el codigo para que me entiendan.

Código

 
<html>
<head>
	<title>Password</TITLE>
	</head>
		<body bgcolor = "black">
			<form action "pass.php" method="post" name = "form">
<font color = "red">
				<center>
		<h1>::Ingrese Password::</h1><br>
		<input type ="button" name="boton7" value=  " 7 ">
		<input type ="button" name="boton8" value=  " 8 ">
		<input type ="button" name="boton9" value=  " 9 "><br>
		<input type ="button" name="boton6" value=  " 6 ">
		<input type ="button" name="boton5" value=  " 5 ">
		<input type ="button" name="boton4" value=  " 4 "><br>
		<input type ="button" name="boton7" value=  " 3 ">
		<input type ="button" name="boton7" value=  " 2 ">
		<input type ="button" name="boton7" value=  " 1 "><br><br>
		<input type ="submit" name="confirmar" size = "20" value= "Confirmar " >
	</center>
 
 
 
			</body>
			</html>

Lo que quiero sabes como como ponerle funciones a los botones para que la combinacion correcta entre y la que no sea correcta mande el mensaje de "password errada" de Antemano Gracias.


	En línea

rommel89

Desconectado

Mensajes: 22

Re: Ingreso de contraseña con PHP & HTML

« Respuesta #1 en: 28 Junio 2012, 21:07 pm »

a lo que entendi que lo tube que leer dos veces jajaja quieres hacer algo asi

9 8 7
6 5 4
3 2 1
enviar

se me ocurre que aca boton le coloques un id a tus botones y la funcion de onClick para llamar a una funcion que crearas en otro
arrchivo

<input type ="button" name="boton7" value= " 7 " id="boton7" onClick="guardarNumero(7)">

en otro archivo js

se aria esto

var numero="";
function guardarNumero(numeroBoton)//Aqui se concatenara el valor del boton casa vez que se presione alguno
{
numero+=numeroBoton;
}

y si presionas los botones 1 9 y 6 en la variable numero se guardara 196 y ya faltaria compara que si este texto 196 es igual
al texto que ocupas para ingresar o
tambien lo puedes guardar como un numero y no como una cadena con la diferencia que tendrias que hacer
que por ejemplo la clave para ingresar es 10 entonces se tendria que presionar los botones 1 y 9 para que sumado sean 10

ahora se hace otra funcion en el mismo archivo js

function validarPass()
{
if (numero == "196")
{
alert("entrastes");
}
else
{
alert("Clave rechazada");
}
}

y al boton de confirmar le colocas la funcion de onClick
y creo que el form quedaria asi
<form>
//aqui van tus demas botones
<input type ="button" name="confirmar" size = "20" onClick="validarPass()" value= "Confirmar " >
</form>

a y en el head colocas el archivo js que se creo
<head>
<title>Password</TITLE>
<script src="archivoValidar.js"></script>
</head>
algo asi podria ser

te recomiendo que si no sabes acceder a otras archivos que se encunetren dentro de otra carpeta de tus proyectos que hagas
colocalo al mismo nivel de tu pagina principal y asi cuando lo llames solo coloques el nombre y la extension del archivo a y si njo sabes java script lee un poco hay much informacion

Mypagina(CarpetaProyecto)
PAginaprincipal.html
Archivo validar.js

espero haberte ayudado o a darte una idea este codigo que escribe no lo he probado pero halgo asi es la idea jajaj


	En línea

Hadess_inf

Desesperado
Colaborador

Desconectado

Mensajes: 2.048

Nueva Vida

Re: Ingreso de contraseña con PHP & HTML

« Respuesta #2 en: 14 Julio 2012, 05:44 am »

Estos tipos de logeo existen a por montones, pero sin aun deseas hacerlo tu mismo la cosa esta sencilla...

Para empezar una funcion javascript

function numero(num){
var txt = document.getElementById('txtPass');
txt.value = txt.value + num;
}

y en los botones:

<input type="text" name="txtPass" id="txtPass"><br>

<button onclick="numero(0)">0</button><br>
<button onclick="numero(1)">1</button><br>
<button onclick="numero(2)">2</button><br>
<button onclick="numero(3)">3</button><br>
<button onclick="numero(4)">4</button><br>
<button onclick="numero(5)">5</button><br>
<button onclick="numero(6)">6</button><br>
<button onclick="numero(7)">7</button><br>
<button onclick="numero(8)">8</button><br>
<button onclick="numero(9)">9</button><br>

Bueno esa es la idea .. inclusive podria programar un algoritmo en php para que los numeros no siempre esten en la misma posicion sino siempre cambien... Saludos.


	En línea

Mis proyectos compartidos

* Proyecto Intranet Colegio
* Proyecto Sistema Finanzas

Yoghurt

Desconectado

Mensajes: 122

Si alguien se molesto en escribir, justo es leer.

Re: Ingreso de contraseña con PHP & HTML

« Respuesta #3 en: 15 Julio 2012, 15:56 pm »

Creo que es algo como un "teclado virtual" en donde no ves lo que escribes ni tampoco puedes borrarlo en caso de equivocacion :/ ...procura poner un boton "reset".

Puedes implementar md5 en tu web, php ya lo trae solo debes poner un script con md5 y puedes enviar la contraseña "cifrada" para que no la vean. Porque si planeas enviar los datos debe ser de una forma segura. No puedes enviar la password si la tienes en una variable en javascript.

Para enviar informacion en un formulario existe un objeto que te ayudará bastante y se llama "hidden". Este objeto lo puedes modificar internamente pues no se muestra al usuario por lo que en él escribiras los datos desde javascript:

Pon botones como dice @Hadess_inf, solo que en vez de escribir el password en un text lo harás en el objeto "hidden" dentro del form:

function numero(num){
var txt = document.getElementById('txtPass');
txt.value = txt.value + "" + num; //que no sume los numeros.
}

y en los botones:

<button onclick="numero(0)">0</button>
<button onclick="numero(1)">1</button>
<button onclick="numero(2)">2</button><br>
<button onclick="numero(3)">3</button>
<button onclick="numero(4)">4</button>
<button onclick="numero(5)">5</button><br>
<button onclick="numero(6)">6</button>
<button onclick="numero(7)">7</button>
<button onclick="numero(8)">8</button>
<button onclick="numero(9)">9</button><br>
...
<form action="pass.php" method="post" name="form1">
<input type="hidden" name="passwd" id="txtPass" value="">
</form>

y para enviar los datos:

<input type="button" value="confirmar" onclick="javascript:document.form1.submit()">

...Luego en el archivo "pass.php" recibes el "passwd" en la variable global POST.


« Última modificación: 15 Julio 2012, 16:40 pm por AbrahamAraon »	En línea

Aportes:
MIME identificar archivos por su contenido

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Mostrar codigo fuente escondido por HTML Protector, HTML Guardian, Altrise, etc. Desarrollo Web	sirdarckcat	1	14,101	10 Enero 2012, 09:40 am por gm-vl
	Ingreso al foro Sugerencias y dudas sobre el Foro	Novlucker	4	3,411	26 Agosto 2008, 20:22 pm por ^Winder^
	Validar ingreso en bat Scripting	dj kuzmar	1	4,025	3 Febrero 2010, 01:03 am por leogtz
	para poner una pagina HTML con contraseña « 1 2 3 » Desarrollo Web	manu70	21	19,736	13 Junio 2017, 15:32 pm por MCKSys Argentina
	Cómo cambiar contraseña de ingreso a phpmyadmin Bases de Datos	Zume-Zero	1	2,434	28 Noviembre 2012, 04:13 am por BEATMASTER