自定义消息不在jQuery验证插件中显示

Question

我有一种表格可以通过Jquery validate插件来进行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/