Código de JavaScript - Formulario para cambiar la contraseña

Imágen de perfil

Formulario para cambiar la contraseñagráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 17 de Mayo del 2009 por Xavi
20.771 visualizaciones desde el 17 de Mayo del 2009. Una media de 56 por semana
Código de ejemplo que muestra el código para validar la nueva contraseña en un formulario para cambiarla. Valida que tenga un tamaño mínimo de 6 caracteres y que contenga números y letras.

Versión 1
estrellaestrellaestrellaestrellaestrella(3)

Publicado el 17 de Mayo del 2009gráfica de visualizaciones de la versión: Versión 1
20.772 visualizaciones desde el 17 de Mayo del 2009. Una media de 56 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html>
<head>
<title>Validar Contraseña</title>
<!-- La Web del proramador - http://www.lawebdelprogramador.com -->
 
<script type="text/javascript">
<!--
function validate_password()
{
	//Cogemos los valores actuales del formulario
	pasActual=document.formName.passwordActual;
	pasNew1=document.formName.passwordNew1;
	pasNew2=document.formName.passwordNew2;
	//Cogemos los id's para mostrar los posibles errores
	id_epassActual=document.getElementById("epasswordActual");
	id_epassNew=document.getElementById("epasswordNew1");

	//Patron para los numeros
	var patron1=new RegExp("[0-9]+");
	//Patron para las letras
	var patron2=new RegExp("[a-zA-Z]+");

	if(pasNew1.value==pasNew2.value && pasNew1.value.length>=6 && pasActual.value!="" && pasNew1.value.search(patron1)>=0 && pasNew1.value.search(patron2)>=0){
		//Todo correcto!!!
		return true;
	}else{
		if(pasNew1.value.length<6)
			id_epassNew.innerHTML="La longitud mínima tiene que ser de 6 caracteres";
		else if(pasNew1.value!=pasNew2.value)
			id_epassNew.innerHTML="La copia de la nueva contraseña con coincide";
		else if(pasNew1.value.search(patron1)<0 || pasNew1.value.search(patron2)<0)
			id_epassNew.innerHTML="La contraseña tiene que tener numeros y letras";
		else
			id_epassNew.innerHTML="";
		if(pasActual.value=="")
			id_epassActual.innerHTML="Indicar tu contraseña actual";
		else
			id_epassActual.innerHTML="";
		return false;
	}
}
-->
</script>
 
</head>
 
<body>
<!-- formulario -->
<form name="formName" action="" method="POST" onsubmit='return validate_password()'>
	<div id="epasswordActual" style="color:#f00;"></div>
	<div>Password Actual: <input type="password" name="passwordActual"/></div>
	<div id="epasswordNew1" style="color:#f00;"></div>
	<div>Nuevo Passowrd: <input type="password" name="passwordNew1"/></div>
	<div>Repite Passowrd: <input type="password" name="passwordNew2"/></div>
	<div><input type="submit" value="enviar"/></div>
</form>
</body>
</html>



Comentarios sobre la versión: Versión 1 (3)

Carolina
03 de Septiembre del 2009
estrellaestrellaestrellaestrellaestrella
Hola, soy bastante novatilla en javascript y tengo una consulta: ¿la contraseña actual que introduce el usuario en el formulario no se compara con la que ya existe en al base de datos?
Un saludo.
Responder
Adán
09 de Febrero del 2013
estrellaestrellaestrellaestrellaestrella
Si tengo una pagina creada en html con usuario y su respectiva contraseña como va el codigo para poder cambiar la contraseña para cada que cada usuario pueda modificarla en a su gusto?
Responder
angel
24 de Septiembre del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s1797