jQuery validate errorPlacement parameters

Question

I am trying to make use of the errorPlacement option as follows:

 $("#MyForm").validate({
            rules: {
                'brand': {
                    required: true,
                    errorPlacement : function(error, element){
                        console.log(error);
                        console.log(element);
                        error.appendTo(element.parent('div.formRight'));
                        error.css("clear", "both");
                    }
                }

But for some reason the function is only receiving one parameter (the element) ... in the console logs in the error parameter there is the element reference whilst the element parameter is undefined.

Is there a specific way to reference the error element?

Thanks

Sparky · Accepted Answer · 2013-05-27 13:41:22Z

1

To properly use the errorPlacement callback function, it's just another option like rules. In other words, you do not put errorPlacement inside of rules; instead, it's a sibling of rules and is applied globally.

$("#MyForm").validate({
        rules: {
            brand: {
                required: true
            }
        },
        errorPlacement: function(error, element) {
            console.log(error);
            console.log(element);
            error.appendTo(element.parent('div.formRight'));
            error.css("clear", "both");
        },
        // any other options
});

edited May 27, 2013 at 13:41

answered May 27, 2013 at 13:33

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

Collectives™ on Stack Overflow

jQuery validate errorPlacement parameters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related