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/

自定义消息不会显示在jquery validate插件中

1 个答案: