jQueryvalidation添加类到错误元素？

我使用jQuery Validate有以下代码。

$("#register").validate({ debug: true, errorClass:'error', validClass:'success', errorElement:'span', highlight: function (element, errorClass, validClass) { $(element).parents("div.control-group") .addClass(errorClass) .removeClass(validClass); }, unhighlight: function (element, errorClass, validClass) { $(element).parents(".error") .removeClass(errorClass) .addClass(validClass); } }); 

有没有办法将一个类添加到errorElement，’span’，以便它…：

 Message 

Answer 1

当你指定errorClass ，没有什么可以阻止你做两件事：“help-inline error”，即：

 $("#register").validate({ debug: true, errorClass: 'error help-inline', validClass: 'success', errorElement: 'span', highlight: function(element, errorClass, validClass) { $(element).parents("div.control-group").addClass(errorClass).removeClass(validClass); }, unhighlight: function(element, errorClass, validClass) { $(element).parents(".error").removeClass(errorClass).addClass(validClass); } }); 

请注意，您必须使用jQuery Validate 1.10版才能支持此function。 早期版本只允许一个errorClass 。

Answer 2

Ryley的另一种选择是不包括’help-inline’到’control-group’中，以避免突出显示输入偏移。

 $("#register").validate({ debug: true, errorClass: 'error help-inline', validClass: 'success', errorElement: 'span', highlight: function(element, errorClass, validClass) { $(element).parents("div.control-group").addClass('error').removeClass('success'); }, unhighlight: function(element, errorClass, validClass) { $(element).parents(".error").removeClass('error').addClass('success'); } }); 

我不能把这个问题包括在答案的评论中……; o（，。

Answer 3

因为我认为这是针对Twitter Booststrap的，所以这是一个更好的解决方案，无需更新jqueryvalidation：

 $("#register").validate({ debug: true, errorClass: 'help-inline', validClass: 'success', errorElement: 'span', highlight: function(element, errorClass, validClass) { $(element).parents("div.control-group").addClass("error"); }, unhighlight: function(element, errorClass, validClass) { $(element).parents(".error").removeClass("error"); } }); 

Answer 4

 $(".error").addClass('help-inline') 

将help-inline类添加到已具有error类的所有DOM元素。

这是你在找什么？