BBR

Fejl

Parat til dokumentation

<div class="form-floating is-required">
    <textarea class="form-control is-invalid " id="floatingInput" placeholder="Dette er et tekstområde" style="height: 10rem;" required></textarea>
    <label for="floatingInput">Dette er et tekstområde</label>
    <div class="invalid-feedback">
        Dette tekstområde skal være udfyldt
    </div>
</div>
 
<div class="form-floating {{#if isRequired}}is-required{{/if}}">
    <textarea class="form-control {{#if isInvalid}}is-invalid{{/if}} {{#if isValid}}is-valid{{/if}}" id="floatingInput"
        placeholder="{{placeholder}}" style="height: 10rem;" {{#if
        isRequired}}required{{/if}}>{{#if value }}{{{value}}}{{/if}}</textarea>
    <label for="floatingInput">{{placeholder}}</label>
    {{#if helpText}}
    <p class="text-muted">{{helpText}}</p>
    {{/if}}
    {{#if isInvalid}}
    <div class="invalid-feedback">
        {{validationMessage}}
    </div>
    {{/if}}
    {{#if isValid}}
    <div class="valid-feedback">
        {{validationMessage}}
    </div>
    {{/if}}
</div>
 
{
  "placeholder": "Dette er et tekstområde",
  "validationMessage": "Dette tekstområde skal være udfyldt",
  "isInvalid": true,
  "isRequired": true
}