1

私は使っている

   $("#myForm").validate({
     errorLabelContainer: "#messageBox",
        rules: {
            name: "required",
            checkedUserId: {
                required: true
            },
            url: {
               url: true
            },
            messages: { 
                name: "Please enter name ." ,
                checkedUserId: "Please select at least one user"
            },
            errorElement: "div",
            wrapper: "div",
            errorPlacement: function(error, element) {
                offset = element.offset();
                error.insertBefore(element)
                error.addClass('message');  // add a class to the wrapper
                error.css('position', 'absolute');
                error.css('left', offset.left + element.outerWidth());
                error.css('top', offset.top);
            }
        }
 });

「このフィールドは必須です」というデフォルトのメッセージが表示されます。メッセージの代わりに「名前を入力してください」と表示したい。

さらに情報が必要な場合はお知らせください。

4

1 に答える 1

2

プロパティの形式が正しくありません。次のようにする必要があります:

rules: {

},
messages: {

}

以下のコードを試してみてください。動作します ( JSFiddleでテスト済み):

$("#myForm").validate({
    errorLabelContainer: "#messageBox",
    rules: {
        name: "required",
        checkedUserId: {
            required: true
        },
        url: {
            url: true
        },
        errorElement: "div",
        wrapper: "div",
        errorPlacement: function (error, element) {
            offset = element.offset();
            error.insertBefore(element)
            error.addClass('message'); // add a class to the wrapper
            error.css('position', 'absolute');
            error.css('left', offset.left + element.outerWidth());
            error.css('top', offset.top);
        }
    },
    messages: {
        name: "Please enter name .",
        checkedUserId: "Please select at least one user"
    },
});
于 2013-05-22T16:11:32.973 に答える