jQuery Validation - error placement

Question

I\'m trying to use \'errorPlacement\' from jQuery Validation DOCS:

$(\"#myform\").validate({
  errorPlacement: function(error, element) {
           


        

Answer 1

I recommend to use a html template to specify the position and styling like so:

and overwrite function for error placement

$.validator.setDefaults({
    errorPlacement: function(error, element) {
        var name = element.attr('name');
        var errorSelector = '.validation_error_message[for="' + name + '"]';
        var $element = $(errorSelector);
        if ($element.length) { 
            $(errorSelector).html(error.html());
        } else {
            error.insertAfter(element);
        }
    }
});