jQuery Validation errorPlacement. Showing error in the Console

Question

folks. I need some help. I'm trying to put the validation error message right next to my input file tag, but it gives me error in console. It's showing me a message, "TypeError: error.appendTo is not a function". This is a little piece of my code

$("#foto").rules("add", {
    required: true,
    extension: "jpeg|jpg|png",
    messages: {
        required: "Tolong Diisi",
        extension: "Harap Memilih Format yang Benar"
    },
    errorPlacement: function(error, element) 
    {
        error.appendTo($('#foto'));
    }
});

By the way, i'm using 'id' instead of 'name' which I've instantiated with

$("#formTambah").validate();

you can't place errorPlacement in the .rules(“add”) method, set it in validation. — axel.michel
– axel.michel, Commented Aug 25, 2017 at 14:00

axel.michel · Accepted Answer · 2017-08-25 14:05:34Z

1

As written in the comment above: you can't place errorPlacement in the .rules(“add”) method, set it in validation:

$("#foto").rules("add", {
    required: true,
    extension: "jpeg|jpg|png",
    messages: {
        required: "Tolong Diisi",
        extension: "Harap Memilih Format yang Benar"
    }
});

$("#formTambah").validate({
    errorPlacement: function(error, element) {
        if(element.attr("id") === "foto"){
            error.appendTo($('#foto'));
        }
    }
});

edited Aug 25, 2017 at 14:05

answered Aug 25, 2017 at 14:02

axel.michel

5,8741 gold badge18 silver badges25 bronze badges

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

2 Comments

user8459998 Over a year ago

ok. gonna give a shot UPDATE wow, it works now. but it's not showing next to the element. Anyway, Thank you so much bro

axel.michel Over a year ago

@mending3 I have updated my answer - be aware that errorPlacement is a general Option for validation and you have to specify your "placement" behavior inside this method.

Collectives™ on Stack Overflow

jQuery Validation errorPlacement. Showing error in the Console

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related