`validationErrors`

Diese Funktion wird normalerweise in Verbindung mit serverseitiger Validierung genutzt. Als Antwort auf eine Validierungsanfrage, schickt der Server dann Validierungsfehler zurück, die dann im Formular passend angezeigt werden.

Übersicht

action ("validationErrors"): Auszuführende Aktion.
payload (array<ValidationErrorPayload>): Array von Validierungsfehlern.

ValidationErrorPayload

message (MultiLanguageDefinition): Fehlertext, der im Formular dargestellt wird.
instancePath (Binding): Komponente, bei welcher der Fehler angezeigt werden soll.

Beispiel

validationErrors.json

{
  "$schema": "https://forms.virtimo.net/5.1.0/schema.json",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "components": [
    {
      "type": "container",
      "label": "Validation Results",
      "components": [
        {
          "type": "button",
          "label": "set validationErrors",
          "onClick": {
            "action": "validationErrors",
            "payload": [
              {
                "instancePath": "${/data/text}",
                "message": "some validation error for text"
              },
              {
                "instancePath": "${/data/number}",
                "message": "some validation error for number"
              }
            ]
          }
        },
        {
          "type": "button",
          "label": "remove validationErrors",
          "onClick": {
            "action": "validationErrors",
            "payload": []
          }
        },
        {
          "type": "button",
          "action": "validate",
          "label": "validate, no effect on validationErrors"
        },
        {
          "type": "textfield",
          "value": "${/data/text}",
          "label": "text"
        },
        {
          "type": "numberfield",
          "value": "${/data/number}",
          "label": "number"
        },
        {
          "type": "checkboxgroup",
          "label": "validationOk",
          "components": [
            {
              "type": "checkbox",
              "label": "all",
              "flex": 1,
              "value": "${/validationOk/all}"
            },
            {
              "type": "checkbox",
              "label": "server",
              "flex": 1,
              "value": "${/validationOk/server}"
            }
          ]
        }
      ]
    }
  ],
  "configuration": {},
  "state": {
    "data": {
      "text": "",
      "number": null
    }
  }
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: