jquery confirmar validación de contraseña

Question

Estoy usando jquery para la validación de formulario. El resto está bien excepto el campo de confirmación de contraseña. Incluso cuando se escribe la misma contraseña, el ingrese la misma contraseña. no se elimina.

Mi guión es:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form1").validate({ 
     rules: { 
      password: { 
       required: true, minlength: 5 
      }, 
      c_password: { 
       required: true, equalTo: "#password", minlength: 5 
      }, 
     email: { 
      required: true, email: true 
      }, 
     phone: { 
      required: true, number: true, minlength: 7 
      }, 
     url: { 
      url: true 
     }, 
     description: { 
      required: true 
     }, 
     gender: { 
      required: true 
      } 
     }, 
     messages: { 
     description: "Please enter a short description.", 
     gender: "Please select your gender." 

     } 
     }); 
    }); 
    --> 
    </script> 

Y dentro de la etiqueta de formulario:

<div class="form-row"><span class="label">Password</span><input type="password" name="password" class="required" id="password" /></div> 

<div class="form-row"><span class="label">Confirm Password</span><input type="password" name="c_password" id="c_password" /></div> 

Cualquier sugerencia? Estaría muy agradecido por la ayuda.

Answer 1

Sus campos no tiene la propiedad ID. En el selector de jQuery "#Password" significa "el objeto que tiene una propiedad con valor id'password'"

El código debería tener este aspecto:

<input type="password" name="password" id="password" class="required"/> 

Answer 2

Asegúrese de que el texto de entrada de la contraseña tiene el ID 'contraseña'

Answer 3

verificar que no hay otra entrada con la etiqueta en id='password' esa misma página.

Answer 4

rules: { 

no está cerrado. Dicho de otra } después:

messages: { 
    description: "Please enter a short description.", 
    gender: "Please select yor gender." 
} 

Se trata, así como la respuesta de los elementos de identificación.

Answer 5

Me encontré con algunos problemas al utilizar las ID de camelCase para las entradas de contraseña. Finalmente lo tengo trabajando con diferentes 'nombre' y 'id'.

<input type="password" id="pass" placeholder="New password" name="newPassword"> 
<input type="password" id="pass2" placeholder="New password" name="repeatNewPassword"> 
<input type="email" id="inputNewEmail" name="newEmail" placeholder="New email"> 
<input type="email" id="repeatNewEmail" name="repeatNewEmail" placeholder="New email> 

Luego, en el JS:

rules: { 
      newPassword: { 
       minlength: 6 
      }, 
      repeatNewPassword: { 
       minlength: 6, 
       equalTo: "#pass" 
      }, 
      newEmail: { email: true}, 
      repeatNewEmail: {email: true, equalTo: '#inputNewEmail'}, 
} 

Así se refieren al campo de entrada por su 'nombre', sino definir equalTo deppendency usando 'id'. No estoy seguro sobre el tema camelCase, para las entradas de correo electrónico funcionaba, pero exactamente misma nomenclatura con entradas de contraseña no funcionó, de acuerdo con mi experiencia

Answer 6

<input type="password" id="password" class="nomal required error" value="" name="cpassword"> 

<input type="password" equalto="#password" class="nomal required error" value="" name="cpassword"> 

Answer 7

if($("#newpassword").val()!== ($("#conformpassword").val())){ 
    $('#newpasswordId').html('<font color="red">Your password does not match</font>'); 
    $("#newpassword").val(''); 
    $("#conformpassword").val(''); 
    $('#newpassword').css("border", "#FF0000 solid 1px") 
    $('#conformpassword').css("border", "#FF0000 solid 1px") 
    $("#newpassword").focus(); 

    return false; 
}