jquery验证errorPlacement无效

时间:2012-11-23 04:07:35

标签: jquery jquery-validate

我只是想尝试自定义jQuery验证生成的错误消息的位置。我有以下代码:

$('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");
    });
});

这是html:

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

由于某种原因,它不起作用。非常感谢您的帮助......这件小事一直让我工作了很长时间。这是jsfiddle:

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

1 个答案:

答案 0 :(得分:4)

    $('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