jquery validation errorPlacement not working

Question

Im just trying to customize where I put the error messages generated by jQuery validation. I have the following code:

$('document').ready(function(){
    $('form').validate({
        rules: {
           a: {required:true, minlength:2}
        },      
        messages: {
           a: {required: "enter your name!"}       
        },
        errorPlacement: function(error, element) {
         if(element.attr('name' == 'a')){
             error.appendTo($('#restErrorDate'));                    
         }
        },
        debug:true
    });
    $('#a').blur(function(){
        $("form").validate().element("#a");
    });
});

here is the html:

<div>
<form action="#">
    <input type="text" name="a" id="a">
</form>
</div>
<div id="restErrorDate" class="restErrorDate" style="border:1px solid blue;"></div>

For some reason it is not working. Thanks so much in advance for your help...this little thing has been keeping me working for a long time. Here is the jsfiddle:

http://jsfiddle.net/mmw562/S7AKK/38/

Sibu · Accepted Answer · 2012-11-23 04:30:34Z

5

    $('document').ready(function(){
    $('form').validate({
        rules: {
           a: {required:true, minlength:2}
        },      
        messages: {
           a: {required: "enter your name!"}       
        },
        errorPlacement: function(error, element) {
         if(element.attr('name') == 'a'){
            //               ^--------------missing brackets              
             error.appendTo($('#restErrorDate'));                    
         }
        },
        debug:true
    });
    $('#a').blur(function(){
        $("form").validate().element("#a");
    });
});

DEMO

edited Nov 23, 2012 at 4:30

answered Nov 23, 2012 at 4:25

Sibu

4,6272 gold badges30 silver badges38 bronze badges

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

1 Comment

Mori Over a year ago

Good! And even better if you put div#restErrorDate inside the form element, e.g. right before the form end tag. That way the error message disappears when the input element gets valid.

Collectives™ on Stack Overflow

jquery validation errorPlacement not working

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related