Plugin Jquery Validate, validar contraseña si la escriben

[Carxl]

Hola...

Quizás alguno haya usado el plugin de jquery para validar formularios.

Lo estoy usando para crear y editar nuevos usuarios y va bien.

Para validar una contraseña para un usuario nuevo, hago esto:

Código Javascript:

'password_persona': { required: true, minlength: 6 },
'password_persona_repetir': { required: true, minlength: 6, equalTo: "#password_persona" }
 

Y funciona ok.

Lo que no logro hacer es que en el momento de edición de un usuario,es que si no digitan una contraseña pues no hace nada y sigue dejando la de siempre, pero si usan el campo "contrasena", que valide con jquery validate los dos campos "contrasena" y "repetir_contrasena". Lo que pasa es que si dejo siempre la regla, obliga al usuario a escribir una constraseña (y obvio no es lo que se quiere en una edición).

Espero haber sido explícito.

Alguno sabe como lograr esa validación especial para Jquery Validate?

Gracias

[alfcm]

porque no trabajas con otro formulario diseñado solamente para edicion, claro y con otro nombre de formulario y controles en este, sino va a ser lo mismo

[David]

Podría ser:

Código Javascript:

'password_persona': { minlength: 6 },
'password_persona_repetir': { required: "#password_persona", minlength: 6, equalTo: "#password_persona" }
 

[Carxl]

Hola alfcm y David, gracias por sus respuestas :)

alfcm, sí eso es lo que hago, un formulario únicamente para adición y otro para edición y cada uno con sus respectivas reglas.

David, no ando en la oficina ahora como para probar, no se me había ocurrido eso, déjame probar y te cuento :)

Gracias de nuevo!

[Carxl]

Hola David...

Hice lo que me dijiste, pero me sigue pasando lo que comenté anteriormente.



Si no lleno los datos sigue validando que ingrese contraseña y la repita, como comentaba, es el formulario de edición y ahí no es necesario ingresar esos datos si no se quiere.

Gracias !!

[David]

Debería funcionar. ¿Actualizaste la caché? ¿Cuál es el código completo de las validaciones?

[Carxl]

Sí claro, la borré...

Este es el código completo javascript:

Código Javascript:

<script type="text/javascript">
$(function() {
    $('#editarUsuario').validate({
        errorLabelContainer: $("#erroresValidate"),
        wrapper: 'p',
        rules: {
            'nombre_persona': 'required',
            'apellido_persona': 'required',
            'numero_identificacion_persona': { required: true },
            'usuario_persona': 'required',
            'email_persona': { required: true, email: true },
            'password_persona': { required: true, minlength: 6 },
            'password_persona_repetir': { required: '#password_persona', minlength: 6, equalTo: "#password_persona" }
        },
        messages: {
           'nombre_persona': 'Debe ingresar el nombre',
           'apellido_persona': 'Debe ingresar el apellido',
           'numero_identificacion_persona': 'Debe ingresar el número de documento',
           'usuario_persona': { required: 'Debe ingresar el número de documento de identidad', number: 'Debe ingresar un número' },
           'email_persona': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
           'password_persona': { required: 'Debe ingresar el password', minlength: 'El password debe tener mínimo 6 caracteres' },
           'password_persona_repetir': { required: 'Debe ingresar la contraseña', minlength: 'La contraseña debe tener mínimo 6 caracteres', equalTo: 'Debe ingresar la misma constraseña' }
        },
        debug: true,
        submitHandler: function(form){
            $.ajax({
                type: $(form).attr('method'),
                url: $(form).attr('action'),
                data: $(form).serialize(),
                success: function(data){
                    if(data == 1) {
                        $('#mensajeBien').removeClass('ocultar');
                        setTimeout("$('#mensajeBien').fadeOut('slow')", 1500);
                    } else {
                        $('#mensajeError').removeClass('ocultar');
                        setTimeout("$('#mensajeError').fadeOut('slow')", 1500);
                    }
                }
            });
        }
    });
});
</script>
 

Gracias de nuevo :)

[David]

En la línea 12 deberías quitar el required: true como te indiqué; ya que no quieres que sea un campo requerido.

[masterpuppet]

Creo que esta linea:

Código Javascript:

'password_persona': { required: true, minlength: 6 }
 

deberia ser:

Código Javascript:

'password_persona': { minlength: 6 }
 

[Carxl]

Hay Dios, por favor... ¬¬ Y si sólo quito la regla de required tanto en "password_persona" como en un "password_persona_repetir"...

Con eso ya funciona...

No hay a quién culpar, sólo se me fueron las luces

Gracias David y masterpuppet

[David]

El problema con quitar el required en password_persona_repetir es que si se ingresa un valor en "password_persona" no será obligatorio repetirlo. En cambio, si, como te indiqué, condicionas el required de acuerdo al valor de password_persona funcionará como se espera.

Saludos.

[Carxl]

Mmm si te entendí bien, perdón que te corrija:

Si lo dejamos de esta manera:

Código Javascript:

'password_persona': { minlength: 6 },
 'password_persona_repetir': { required: "#password_persona", minlength: 6, equalTo: "#password_persona" }
 

Siempre me pide que ingrese ese campo (el focus se activa en password_persona_repetir) y no me permite seguir hasta que lo llene.

En cambio, si quito el required también en password_persona_repetir funciona tal y como espero, de esa manera, el código queda:

Código Javascript:

'password_persona': { minlength: 6 },
'password_persona_repetir': { minlength: 6, equalTo: "#password_persona" }
 

La validación equalTo, hace todo el trabajo...

Saludos!

[David]

Tienes razón, es que debería ser:

Código Javascript:

required: "#password_persona:filled"
 

[Carxl]

Very nice!