1

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/

4

1 に答える 1

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");
    });
});​

デモ

于 2012-11-23T04:25:12.127 に答える