0

在此处输入图像描述

您好我正在寻找一种在输入字段下方显示错误消息的方法。我怎么做？

 <fieldset class="has-feedback form-group">  
  <div class="animated-label">
      <input type="text" name="Full Name" class="text-field"
             data-error="Error message"
             required="">
    <label>I can pay a down payment of</label>
    <sub><img src="/assets-new-site/media/Project/FAB/Common/images/svg/icn-error.svg"
        alt="error-icon"></sub>
    <div class="help-block with-errors"></div>
  </div>
</fieldset>

上面尝试过，但无法实现标签和输入字段在同一行，错误应该只标记到输入字段而不是标签。AED 应该是预填充的输入值。

4

1 回答 1

0

如果您使用的是引导程序

查看他们的文档：https ://getbootstrap.com/docs/4.3/components/forms/

你可以使用这种模式

<li ng-repeat="(key,value) in new_values" ng-show="new_values[key]['show']">
  <div class="form-group">
    <label for="{{'new_' + key}}"><strong>{{new_values[key]['text']}}</strong></label>
    <input placeholder="{{new_values[key]['placeholder']}}" class="{{'form-control ' + new_values[key]['valid']}}" aria-describedby="{{'new_' + key + '_help'}}" id="{{'new_' + key}}" type="text" ng-change="update_new(key)" ng-model="new_values[key]['value']" ng-disabled="new_values[key]['disabled']">
    <small id="{{'new_' + key + '_help'}}" class="form-text text-muted">{{new_values[key]['small']}}</small>
  </div>
</li>

我有一个数据结构（对象），其中存储了我的所有问题，以便我可以在列表项上使用 ng-repeat 来显示我想要的每个问题并存储它的值。

小标签只有在其中包含文本时才会显示（即，如果我的数据结构在键的 .small 属性上有值）。我想你可以在这里添加你的错误信息？您也可以将其设置为红色等。

它看起来像这样： 表单控制

于 2019-11-04T08:51:37.560 回答