javascript - jquery 検証プラグインでカスタム メッセージが表示されない

Question

プラグインを使用して検証を行うフォームがありJquery validateますが、必要なフィールドに表示するカスタム メッセージを作成できません。

    $('#ph_form').validate({
            'rules':{
            'firstname':{
                'required':true,
                'lettersonly': true
            },

            'city':{
                'required':true,
                'lettersonly': true
            },

            },
            'errorClass': "error",
                'errorElement': "none",
            'errorPlacement': function(error, element) {
                element.parent().addClass('error');
                },
            'messages':{
                'firstname': 'Please enter a valid email',
                'city': 'Please enter a valid city',

            },
            submitHandler: function(form) {
                $.ajax({
                    /*some code */
                }            
                });

            }
            });

Answer 1

error.insertAfter(element); を追加してみてください。

'messages':{
                'firstname': 'Please enter a valid email',
                'city': 'Please enter a valid city',

            },
'errorClass': "error",
'errorElement': "none",
'errorPlacement': function(error, element) {
                         element.parent().addClass('error');
                         error.insertAfter(element); //Try adding this to your function
                   },

このリンクがお役に立てば幸いです。errorPlacementセクションで明確に指定されています

http://jqueryvalidation.org/validate/