Validar datos con javascript traidos desde mysql

kryzpo23 · #1 (**permalink**) 21/05/2011, 15:48

Hola buenas tardes, espero puedan ayudarme,
Resulta que tengo un formulario con 3 campos,
con el cual deseo cambiar la contraseña guardada en una base de datos MySql.
Con javascript he podido validar que las 2 nuevas contraseñas sean iguales, no contengan caracteres extraños, espacios vacios, etc.
Pero quiero que la primera contraseña, que es la original y que esta guardada en la BD este correcta.
es posible hacerlo con javascript??
como lo hago ??
De antemano a quien pueda ayudarme muchas gracias.

kryzpo23 · #2 (**permalink**) 21/05/2011, 18:32

Nada mejor que aprender solo.
Aunque quizas no lo hice de la forma mas eficiente pero funciona

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<?php 
    //obtener la antigua contrase&#241;a guardada en la BD MySql
    include("../../Persistencia/DAO/CuentaDA0.php");
    $cuenta_dao=new CuentaDAO;
    $pass_ant=$cuenta_dao->get_pass();
    $row=mysql_fetch_array($pass_ant);
    
?>
 
<script language="javascript">
function validar(form1){
    var oculto= document.getElementById("hiddenField").value;
    var p = document.getElementById("passwd").value;
    var p1 = document.getElementById("passwd1").value;
    var p2 = document.getElementById("passwd2").value;
    var espacios = false;
    var cont = 0;
    if(oculto!=p){
        alert("La antigua contrasenia es incorrecta xq oculto vale :"+oculto);
        return false;
    }
    
    if (p.length == 0 ) {
      alert("La antigua contraseña esta vacia"+oculto);
      return false;
    } 
    
    if (p1.length == 0 || p2.length == 0) {
      alert("Los campos de la password no pueden quedar vacios");
      return false;
    } 
    if (p1 != p2) {
      alert("Las passwords deben de coincidir");
      return false;
    } else {
      alert("Todo esta correcto");
      return true;
    }
 
}
</script>
 
<body>
<form id="form1" name="form1" method="post" action="../../Persistencia/Controlador/CambiarContraseniaControlador.php" onSubmit="return validar()">
  <table width="427" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <th colspan="4" align="center" bgcolor="#66CCFF">CAMBIAR CONTRASEÑA</th>
    </tr>
    <tr>
      <td width="170" align="left" bgcolor="#FFFFFF" scope="col"> Contraseña antigua</td>
      <th colspan="3" align="left" bgcolor="#FFFFFF" scope="col"><label>
        <input name="passwd" type="password" id="passwd" size="25" maxlength="25" />
      </label></th>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">Nueva Contraseña</td>
      <td colspan="3" bgcolor="#FFFFFF"><label>
        <input name="passwd1" type="password" id="passwd1" size="25" maxlength="40" />
      </label></td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">Repetir nueva contraseña</td>
      <td colspan="3" bgcolor="#FFFFFF"><label>
        <input name="passwd2" type="password" id="passwd2" size="25" maxlength="25" />
      </label></td>
    </tr>
 
    <tr>
      <td align="center" bgcolor="#66CCFF">&nbsp;</td>
      <td width="75" align="center" bgcolor="#66CCFF"><input type="submit" name="ingresar" id="ingresar" value="Guardar" /></td>
      <td width="119" align="center" bgcolor="#66CCFF"><input type="reset" name="cancelar" id="cancelar" value="Cancelar" /></td>
      <td width="63" align="center" bgcolor="#66CCFF">&nbsp;</td>
    </tr>
    
  </table>
  
  <p>
    
    <input type="hidden" name="hiddenField" id="hiddenField" value="<?php echo $row[0]?>"/>
   </p>
  
</form>
</body>
</html>