How to validate multiple functions with one IF statement - Javascript, jQuery

Question

I want to validate multiple functions, and for each one returning false, do some animations.

Here's the code:

                function validarChido(){ 
                    var dedo = $('#dedo_pick');
                    if(dedo.children().size() < 2){  
                        dedo.animate({'background-color' : 'red'},200);
                        dedo.animate({'background-color' : '#EEE'},200);
                        return false;  
                    }  
                    else{return true;}  
                }

                function validarEx(){ 
                    var valEx = $('#rate1');
                    if(valEx.children().size() < 2){  
                        valEx.animate({'background-color' : 'red'},200);
                        valEx.animate({'background-color' : '#EEE'},200);
                        return false;  
                    }  
                    else{return true;}  
                }

$('#form').submit(function(){  
                    if( validarChido() && validarEx() )  
                            {return true }
                        else  
                            {return false; }
                    });

When I send the form, I only see the first function doing the color animation, obviously because the form validation IF statement doesn't evaluate the next function because the first resulted in false here if( validarChido() && validarEx() )

Is there a way to evaluate all the functions and see the animation in each one and then send the form if everything is true?

Jules · Accepted Answer · 2011-07-17 17:56:33Z

Instead of returning false or true do something similar to the following:

function validarChido() {
                var dedo = $('#dedo_pick');
                if(dedo.children().size() < 2){  
                    dedo.animate({'background-color' : 'red'},200);
                    dedo.animate({'background-color' : '#EEE'},200);
                    return "error";  
                }  
                else{return "";}  
            }

            function validarEx(){ 
                var valEx = $('#rate1');
                if(valEx.children().size() < 2){  
                    valEx.animate({'background-color' : 'red'},200);
                    valEx.animate({'background-color' : '#EEE'},200);
                    return "error";  
                }  
                else{return "";}  
            }

$('#form').submit(function(){  
     var check = validarChido();
     check += validarEx();

                if( check == "" )  
                        {return true }
                    else  
                        {return false; }
                });

bjornd · Accepted Answer · 2011-07-17 17:56:56Z

1

It can be something like this:

$('#form').submit(function(){  
    var validarChidoResult = validarChido(),
        validarExResult = validarEx();

    if( validarChidoResult && validarExResult )  
        {return true }
    else  
        {return false; }
});

answered Jul 17, 2011 at 17:56

bjornd

23k4 gold badges59 silver badges74 bronze badges

1 Comment

Alfred Severo Over a year ago

Thats Works for me!

rcravens · Accepted Answer · 2011-07-17 17:57:02Z

0

var result = validarChido();
result = validarEx() && result;
return result;

answered Jul 17, 2011 at 17:57

rcravens

8,3982 gold badges35 silver badges27 bronze badges

Collectives™ on Stack Overflow

How to validate multiple functions with one IF statement - Javascript, jQuery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related