jQuery Validate plugin, if statement

Question

I have this validate function:

var validator =$('#form1').validate({
    ignore: "",
    rules: {
        usu_login: { required: true },
        usu_email: { required: true },
        usu_nombre1: { required: true },
        usu_apellido1: { required: true },
        usu_fecha_nac: { required: true },
        usu_cedula: { required: true },
        usu_telefono1: { required: true },
        usu_password: { 
            required: function() { return focusout == true; }
        },
        usu_password2: {
            required: function() { return focusout == true; }
        },
        usu_password3: {
            required: function() { return focusout == true; },
            equalTo: "#usu_password2"
        }
    }
}

I need to apply the same if statement in the equalTo function so this can work as I want to, but I don't know how to do that.

Dows anyone know how? Thanks

required: function() { return focusout == true; } this acts as an if in the validate plugin @RoryMcCrossan — Mariana Hernandez
– Mariana Hernandez, Commented Oct 25, 2013 at 15:55
So you want equalTo to be applied if focusout is true, and otherwise the equalTo should be ignored? — Yogu
– Yogu, Commented Oct 25, 2013 at 16:00
Yes, that is what i want, but i don't know how to do it like in the required rule. @Yogu — Mariana Hernandez
– Mariana Hernandez, Commented Oct 25, 2013 at 16:01

Arun P Johny · Accepted Answer · 2013-10-25 16:05:44Z

2

The solution is to use depends property of the rule!!!

jQuery(function ($) {

    var focusout;
    $('#state').change(function(){
        focusout = this.checked;
    }).change();

    var validator = $('#myform').validate({
        ignore: "",
        rules: {
            usu_login: {
                required: true
            },
            usu_email: {
                required: true
            },
            usu_nombre1: {
                required: true
            },
            usu_apellido1: {
                required: true
            },
            usu_fecha_nac: {
                required: true
            },
            usu_cedula: {
                required: true
            },
            usu_telefono1: {
                required: true
            },
            usu_password: {
                required: function () {
                    return focusout == true;
                }
            },
            usu_password2: {
                required: function () {
                    return focusout == true;
                }
            },
            usu_password3: {
                required: function () {
                    return focusout == true;
                },
                equalTo: {
                    depends: function(){
                        return focusout == true;
                    },
                    param: "#usu_password2"
                }
            }
        },
        messages: {}
    });
});

Demo: Fiddle

answered Oct 25, 2013 at 16:05

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mariana Hernandez Over a year ago

can i ask you a question? how would i do the same with the minlenght validation? with the depend fuction too? thanks @ArunPJohny

Yogu · Accepted Answer · 2013-10-25 16:03:17Z

0

You could try this:

var rules = {
    usu_login: { required: true },
    usu_email: { required: true },
    usu_nombre1: { required: true },
    usu_apellido1: { required: true },
    usu_fecha_nac: { required: true },
    usu_cedula: { required: true },
    usu_telefono1: { required: true },
    usu_password: { 
        required: function() { return focusout == true; }
    },
    usu_password2: {
        required: function() { return focusout == true; }
    },
    usu_password3: {
        required: function() { return focusout == true; },
        equalTo: "#usu_password2"
    }
}

if (!focusout) {
    for (key in rules) {
        delete rules[key].equalTo;
    }
}

var validator = $('#form1').validate({
    ignore: "",
    rules: rules
});

The loop iterates over all rules and removes the equalTo constraint if it should be ignored.

However, you have to recreate the validator object every time you change focusout.

answered Oct 25, 2013 at 16:03

Yogu

9,5655 gold badges40 silver badges64 bronze badges

2 Comments

Mariana Hernandez Over a year ago

I tried it, thank you, but it doesn't work, because that field usu_password3 is inside a modal, and even if its equealTo NULL, its expecting the input to appear and it hasnt appeared yet becase its inside the modal.

Yogu Over a year ago

I changed it to delete, which gets rid of the equalTo property entirely, as if it was never present. BUt Aurun's answer is the better one.

Josh Crozier · Accepted Answer · 2013-11-01 21:57:39Z

0

in your case you have to add your own method to validator

$.validator.addMethod("mehod", function(value, element) 
{
valid=false;
if(condition==true)//place your  condition
{
valid=true;
}
else
{
valid=false;
}
return this.optional(element) || valid;
},"Your own error message");

and place it where you want to validate

like this:

rules: {
usu_login: { required: true,method: true },//here you are using your method
usu_email: { required: true }
/*other rule*/
}

This works for my case.

edited Nov 1, 2013 at 21:57

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

answered Oct 25, 2013 at 16:09

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Collectives™ on Stack Overflow

jQuery Validate plugin, if statement

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related