bootstrap jQueryvalidation插件..错误放置问题

所以我已经在我的代码中实现了jqueryvalidation插件，如下面的代码所示，但是我在显示错误代码之后遇到了所有选项的问题。 在它被放置在第一个按钮选项内的那一刻。 任何人都可以帮助我在JavaScript中更改我的错误放置代码，以便在每个组的所有单选按钮之后放置错误。

这是我的包含表单的php文件

 
 Gender 
 
   male    female  
 
 
 
 Height 
 
   Tall    Small  
 
 
 
 Scale 
 
   1    2    3    4    5  
 
 
 
 
 Submit 
 
  

这是validationjavascript代码：

  $("#Form").validate({ rules: { gender: { required: true }, height: { required: true }, scale: { required: true } }, highlight: function(element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error'); }, errorElement: 'span', errorClass: 'help-block', errorPlacement: function(error, element) { if(element.parent('.form-group').length) { error.insertAfter(element.parent()); } else { error.insertAfter(element); } }, submitHandler: function(form) { form.submit(); } }); 

Answer 1

我使用bootstrap v3.3.4 ， jQuery v2.1.4和validate v1.13.1尝试了这validate v1.13.1 ，我能够根据HTML的结构使用以下errorPlacement语法：

 errorPlacement: function(error, element) { if (element.is(":radio")) { error.insertAfter(element.closest("div")); } else { error.insertAfter(element); } } 

希望这有助于事业。

Answer 2

这应该工作

  errorPlacement: function (error, element) { if (element.is(":radio") || element.is(":checkbox")) { error.appendTo(element.parent()); } else { error.insertAfter(element); } }