引导帮助块仅在表单组有错误时显示

Question

我有一个注释表单，它还将引导帮助块显示为：

<p class="help-block">required</p>

我希望这p是隐藏的，除非在提交表单并且该字段被验证为错误时。

当表单提交错误时，父级<div class="form-group">...</div>将获得一个附加has-error类。help-block如果表单提交有错误，我怎么才能显示？顺便说一句，我无权访问HTML ...

Answer 1

CSS方式

.help-block { display: none; }
.form-group.has-error .help-block { display: block; }

jQuery方式

$('.help-block').hide();

$('#yourForm').submit(function(){
  $.each($(this).find('.form-group'), function(){
    // Long but clear version
    if ( $(this).hasClass('has-error') ) {
      $(this).find('.help-block').show();
    } else {
      $(this).find('.help-block').hide();
    }

    // Shortest version
    // $(this).find('.help-block')[ $(this).hasClass('has-error') ? 'show' : 'hide' ]();
  });
});