自定义消息未在jquery validate插件中显示(the custom message are not dsplayed in jquery validate plugin)

我有一个表单，在Jquery validate plugin的帮助下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 */ } }); } });

I have a form which does validation with the help of Jquery validate plugin.But i can't make the custom message to display for the necessary field.Could some one help me what i am doing wrong here.

$('#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 */ } }); } });

最满意答案

你可以尝试添加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/

You can try adding 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 },

Hope this link might be helpful to you.Its clearly specified in the errorPlacement section

http://jqueryvalidation.org/validate/

更多推荐