javascript - 自定义消息未在 jquery validate 插件中显示

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/