Verificar password

[dragonfire256]

Hola buenos dias... Me gustaria saber como verificar que las contraseñas colocadas en dos campos de texto sean iguales, y en dado caso de que no lo sean, que no permita enviar el formulario... Muchas gracias

[maycolalvarez]

en el evento onsubmit del formulario llamas a la funcion retornando su salida:

<form onsubmit="return verifica(this);" ... >

luego en dicha función verificas si ambos campos son iguales, de lo contrario retornas false, con ello el form no se envía.

[dragonfire256]

Iniciado por maycolalvarez

en el evento onsubmit del formulario llamas a la funcion retornando su salida:

<form onsubmit="return verifica(this);" ... >

luego en dicha función verificas si ambos campos son iguales, de lo contrario retornas false, con ello el form no se envía.

Ya lo intente agregandole el this y me esta funcionando... Ahora quiero que a la hora de que sean iguales las contraseñas, me devuelva al index.php para que inicie sesion... Tengo este codigo

Código Javascript:

function comprobarClave(){ 
        password1 = document.form1.password.value 
        password2 = document.form1.password2.value 
 
        if (password1 == password2){
            alert("La clave ha sido cambiada con exito");
            return true;
            window.location='index.php';
        }
        else{ 
            alert("Las dos claves son diferentes. Por favor, verifique e intente nuevamente");
            return false;           
        }
}
 

Muchas gracias

[maycolalvarez]

1 - las referencias directas no son soportadas por algunos navegadores, por ello use las colecciones document.forms['name_form'].elements['name_input']

2 - use var para declarar variables, use el punto y coma al final de la línea ;

3 - si paso this a la función ya pase la instancia del formulario, por lo tanto omito document.forms[]:


function comprobarClave(vform) { // form es el this, es decir el form!
var password1 = vform.elements['password']; //prefiero usar el objeto
var password2 = vform.elements['password2'];

3 - si retorna true al evento onsubmit, se envía el form según su action, NO necesita window.location:

Código Javascript:

if (password1.value == password2.value){
    alert("La clave ha sido cambiada con exito");
    return true;
    // window.location='index.php'; //Esto NO es necesario
}
else{
    alert("Las dos claves son diferentes. Por favor, verifique e intente nuevamente");
    return false;
}
 

consulte un manual de Javascript y manejo del DOM

[dragonfire256]

Iniciado por maycolalvarez

1 - las referencias directas no son soportadas por algunos navegadores, por ello use las colecciones document.forms['name_form'].elements['name_input']

2 - use var para declarar variables, use el punto y coma al final de la línea ;

3 - si paso this a la función ya pase la instancia del formulario, por lo tanto omito document.forms[]:


function comprobarClave(vform) { // form es el this, es decir el form!
var password1 = vform.elements['password']; //prefiero usar el objeto
var password2 = vform.elements['password2'];

3 - si retorna true al evento onsubmit, se envía el form según su action, NO necesita window.location:

Código Javascript:

if (password1.value == password2.value){
    alert("La clave ha sido cambiada con exito");
    return true;
    // window.location='index.php'; //Esto NO es necesario
}
else{
    alert("Las dos claves son diferentes. Por favor, verifique e intente nuevamente");
    return false;
}
 

consulte un manual de Javascript y manejo del DOM

Ya le hice los cambios correspondientes... Muchas gracias por tu ayuda... Lo del window.location lo pongo porque quiero que ese formulario se rediriga a otra pagina para que el usuario no se quede viendo siempre la misma pagina...

[maycolalvarez]

Iniciado por dragonfire256

Ya le hice los cambios correspondientes... Muchas gracias por tu ayuda... Lo del window.location lo pongo porque quiero que ese formulario se rediriga a otra pagina para que el usuario no se quede viendo siempre la misma pagina...

para eso es el action:

<form action="index.php" method="POST" onsubmit="return comprobarClave(this);" > ..

[dragonfire256]

Iniciado por maycolalvarez

para eso es el action:

<form action="index.php" method="POST" onsubmit="return comprobarClave(this);" > ..

El detalle es que lo estoy procesando en la misma pagina

[maycolalvarez]

entonces sólo necesita desde PHP verificar si fue enviado un post, con isset()

[dragonfire256]

Iniciado por maycolalvarez

entonces sólo necesita desde PHP verificar si fue enviado un post, con isset()

Ya esta hecho... Dejame postearte el codigo:

Código HTML:

<script type="text/javascript">
    function comprobarClave(form1){ 
        var password1 = document.forms['form1'].elements['password']; 
        var password2 = document.forms['form1'].elements['password2']; 
 
        if (password1.value == password2.value){
            alert("La clave ha sido cambiada con exito");
            return true;
        }
        else{ 
            alert("La contraseña no coincide. Por favor, verifique e intente nuevamente");
            return false;           
        }
} 
</script>
 

Código HTML:

<form id="form1" name="form1" method="post" action="" onSubmit="return comprobarClave(this)">
 

Código PHP:

<?php
    if(isset($_POST['Establecer_Password']))
    {
        $establecer="UPDATE users SET password='{$_POST['password2']}' where nombre_usuario='{$_POST['usuarioE']}'";
        $update=mysql_query($establecer,$con);
    }
?>
 

Lo que no quiero es que se quede en la misma pagina despues de procesar el formulario... No se si estas entendiendo mi idea... Muchas gracias

[dragonfire256]

Alguna sugerencia?

[maycolalvarez]

Iniciado por dragonfire256

Alguna sugerencia?

Excelente, te has ganado karma

Bueno, como estás aprendiendo, te sugiero leer acerca de:

AJAX
MVC
Frameworks de desarrollo JS: jQuery, Mootools, Prototype, etc.
Frameworks de desarrollo PHP: Symfony2, ZendFW, CakePHP, YII, Codeigniter, entre muchos otros.

No es que te los aprendas todos, simplemente evalúa cual te gusta más para aprender, Codeigniter es ideal para entender MVC en poco tiempo, saludos

[dragonfire256]

Iniciado por maycolalvarez

Excelente, te has ganado karma

Bueno, como estás aprendiendo, te sugiero leer acerca de:

AJAX
MVC
Frameworks de desarrollo JS: jQuery, Mootools, Prototype, etc.
Frameworks de desarrollo PHP: Symfony2, ZendFW, CakePHP, YII, Codeigniter, entre muchos otros.

No es que te los aprendas todos, simplemente evalúa cual te gusta más para aprender, Codeigniter es ideal para entender MVC en poco tiempo, saludos

Parece interesante tu propuesta de aprender frameworks php pero ando en medio de un proyecto y no puedo darme el "lujo" de aprender uno y rediseñarlo por completo... Con los escasos conocimientos que tengo de javascript y las ayudas que me han dado en el foro he podido avanzar en el proyecto... Mas sin embargo me encuentro "trancado" en esta parte... El ultimo codigo funciona bien, pero quiero que me redireccione cuando se cambie la clave con exito, para que el usuario sea redirigido a otra pagina, para que no se quede con la sensacion de "Si, cambie la clave, sigo en la misma pagina y ahora que"... No se si entiendes mi idea... Muchas gracias

[maycolalvarez]

no claro, no es para que refactorices todo el proyecto, sigue como vas!!!, pero tenlo en cuenta para cuando tengas "algo de tiempo", hoy en día el mercado laboral en Venezuela está más exigente (y más en Caracas ) y usar FW forma parte de las buenas practicas, saludos y mucho éxito.

que bueno es ver más Compatriotas por aquí

[dragonfire256]

Iniciado por maycolalvarez

no claro, no es para que refactorices todo el proyecto, sigue como vas!!!, pero tenlo en cuenta para cuando tengas "algo de tiempo", hoy en día el mercado laboral en Venezuela está más exigente (y más en Caracas ) y usar FW forma parte de las buenas practicas, saludos y mucho éxito.

Claro, lo tomaria como un hobby... Pero eso seria despues que termine el proyecto y tenga tiempo libre... Como haria para solucionar lo que te planteo? Lo de window.location no sirve en este caso... Y la modificacion de header no se podria aplicar debido a que existen salidas html, en este caso, el propio formulario... Muchas gracias por tu tiempo

[dragonfire256]

Ninguna sugerencia?

[dragonfire256]

Disculpa que los siga molestando con este tema, pero no he podido avanzar... Alguien me da alguna sugerencia? Muchas gracias

[dragonfire256]

Mientras consigo como resolver el problema, me surgio otro... Como haria para verificar que no esten vacios?... Porque el codigo que me sugirieron, verifica el valor de ambos campos de texto... Pero si ambos estan vacios, igual pasa... Muchas gracias

Este es el codigo que tengo:

Código Javascript:

if (password1.value == password2.value) && (password1.value!=="") && (password2.value!==""){
            alert("La clave ha sido cambiada con exito");
            return true;
            document.location.href="index.php";
        }
        else{ 
            alert("La contraseña no coincide. Por favor, verifique e intente nuevamente");
            return false;           
        }
 

[dragonfire256]

Ya le encontre la solucion al problema... Como en javascript no se pueden verificar que los campos de texto esten vacios, hare la comprobacion en php a la hora de enviar el formulario... Y como los formularios "autoprocesados" no funcionan con javascript, voy a crear un archivo nuevo en php donde procese los datos y se redireccionen a traves de header... Muchas gracias igual... Hasta luego