Formulier met logica regels

In dit voorbeeld maken we een deel-formulier bestaande uit 1 stap, waarbij de geboorte datum ingevuld door de gebruiker beïnvloedt of het formulier kan worden ingediend.

../../../_images/logic_rules_2_1.png

In dit voorbeeld gaan we er van uit dat u een eenvoudig formulier kan maken.

Note

U kunt dit voorbeeld downloaden en importeren in Open Formulieren.

Download: logic_rules_2.zip

Formulier maken

  1. Maak een formulier aan met de volgende gegevens:

    • Naam: Rijbewijs aanvraag demo

  2. Klik op het tabblad Stappen en velden.

  3. Klik aan de linkerkant op Stap toevoegen en selecteer Maak een nieuwe formulierdefinitie.

  4. Onder de sectie (Herbruikbare) stapgegevens vul het volgende in:

    • Naam: Persoonlijke gegevens

  5. Scroll naar de sectie Velden.

  6. Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:

    • Label: Naam

  7. Herhaal stap 6. maar met:

    • Label: Achternaam

  8. Sleep een Datum component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:

    • Label: Geboorte datum

    • Klik op het tabblad Validatie en selecteer Verplicht.

  9. Onder de formulier velden, klik op Opmaak. Sleep een Vrije tekst component op het witte vlak. Vul de volgende gegevens in en druk daarna op Opslaan:

    • Onder Vrije tekst: Om een rijbewijs te kunnen aanvragen moet u ouder dan 18 jaar zijn.

    • Aangepaste CSS class: Warning.

    • Selecteer Verborgen, daarna op Opslaan.

../../../_images/logic_rules_2_2.png

  1. Klik op de Logica tab in het formulier menu

  2. Klik op Regel toevoegen, gevolgd door Eenvoudig.

  3. Bij Triggervoorwaarde selecteer je:

    • Als: Persoonlijke Gegevens: Geboorte datum (geboorteDatum)

    • is groter dan

    • vandaag

    • Minus

    • 18 jaren

  4. Klik op Actie Toevoegen

    • dan wijzig een attribuut van een veld/component

    • Persoonlijke Gegevens: Content (content)

    • verborgen

    • Nee

  5. Klik op Actie Toevoegen

    • en blokkeer doorgaan naar de volgende stap

../../../_images/logic_rules_2_3.png

Note

Deze twee acties betekenen: als de gebruiker jonger dan 18 is, dan blokkeer doorgaan naar de volgende formulier stap en maak de ‘Warning component’ van stap 9 zichtbaar.

  1. Klik onderaan op Opslaan om het formulier volledig op te slaan.

U kunt nu het formulier bekijken.