BBR

Fejl

Parat til dokumentation

<div class="form-floating is-required ">
    <input type="text" class="form-control is-invalid " id="floatingInput" placeholder="Dette er et tekst input" required>
    <label for="floatingInput">Dette er et tekst input</label>
    <div class="invalid-feedback fw-bold">
        Dette felt skal være udfyldt
    </div>
</div>
 
<div class="form-floating {{#if isRequired}}is-required{{/if}} {{#if isDisabled}}is-disabled{{/if}}">
    <input type="{{type}}" class="form-control {{#if isInvalid}}is-invalid{{/if}} {{#if isValid}}is-valid{{/if}}"
        id="floatingInput" placeholder="{{placeholder}}" {{#if value }}value="{{value}}" {{/if}} {{#if
        isRequired}}required{{/if}} {{#if isDisabled}}disabled{{/if}}>
    <label for="floatingInput">{{placeholder}}</label>
    {{#if isInvalid}}
    <div class="invalid-feedback fw-bold">
        {{validationMessage}}
    </div>
    {{/if}}
    {{#if isValid}}
    <div class="valid-feedback fw-bold">
        {{validationMessage}}
    </div>
    {{/if}}
    {{#if helpText}}
    <small class="text-muted">{{helpText}}</small>
    {{/if}}
</div>
 
{
  "placeholder": "Dette er et tekst input",
  "type": "text",
  "validationMessage": "Dette felt skal være udfyldt",
  "isInvalid": true,
  "isRequired": true
}