Sådan opretter du dynamiske formularer med betinget logik

Statiske formularer stiller alle de samme spørgsmål. Dynamiske formularer tilpasser sig. Vælg "Forretningsforespørgsel", hvorefter virksomhedsfelterne vises. Vælg "Andet", hvorefter en tekstboks åbnes. Svar "Ja", hvorefter opfølgende spørgsmål afsløres. Betinget logik omdanner rigide spørgeskemaer til intelligente samtaler, der reagerer på hver brugers situation.

I denne vejledning lærer du, hvordan du opretter dynamiske formularer med betinget logik, der viser de rigtige felter til de rigtige personer på det rigtige tidspunkt.

Hvad gør en formular dynamisk?

Statisk form

• Hver bruger ser alle felter
• Fast struktur
• Ingen tilpasning
• En størrelse passer alle

Dynamisk form

• Felter vises baseret på svar
• Tilpasser sig brugerkonteksten
• Personlig oplevelse
• Kun relevante spørgsmål vises

Forskellen

STATISK: Navn → E-mail → Telefon → Virksomhed → Budget → Besked (alle ser alle 6) DYNAMISK: Navn → E-mail → "Forespørgselstype?" → HVIS Personlig: Telefon → Besked (4 felter) → HVIS Arbejde: Virksomhed → Telefon → Budget → Besked (6 felter)

Hvordan betinget logik fungerer

Den grundlæggende struktur

HVIS [betingelse er opfyldt] SÅ [vis/skjul felt(er)]

Komponenter

• Triggerfelt: Feltet der bestemmer, hvad der sker
• Betingelse: Hvilken værdi udløser handlingen
• Handling: Vis eller skjul
• Målfelt(er): Hvad der dukker op eller forsvinder

Eksempel

Trigger: "Er du en eksisterende kunde?" Betingelse: Værdi er lig med "Ja" Handling: Vis Mål: Feltet "Kunde-ID"

Oprettelse af din første dynamiske formular

Trin 1: Planlæg din logik

Inden du bygger, lav en plan:

• Hvilke triggerspørgsmål vil du stille?
• Hvilke felter afhænger af hvilke svar?
• Hvad er standardindstillingen (skjult eller vist)?

Trin 2: Byg basisformularen

1. Åbn din formular i A.F.B.
2. Tilføj alle felter (både altid viste og betingede)
3. Arranger i logisk rækkefølge

Trin 3: Identificer triggerfelter

Gode ​​triggerfelter:

• Dropdown-menuer med klare kategorier
• Radioknapper (Ja/Nej, typevalg)
• afkrydsningsfelter

Trin 4: Opsæt betingelser

1. Vælg målfeltet (det, der skal vises/skjules)
2. Åbn indstillinger for betinget logik
3. Vælg triggerfeltet
4. Sæt betingelsen (lig med, indeholder osv.)
5. Definer handlingen (vis/skjul)

Trin 5: Test hver sti

1. Forhåndsvisning af formularen
2. Test hver triggermulighed
3. Bekræft at de korrekte felter vises
4. Indsend testbidrag
5. Kontroller, at data gemmes korrekt

Almindelige dynamiske formmønstre

Mønster 1: Ja/Nej Opfølgning

Struktur:

Har du en hjemmeside? ○ Ja ○ Nej HVIS Ja → Vis: Feltet "Websteds-URL" HVIS Nej → Vis: Feltet "Vil du have hjælp til at oprette en?"

Brugt til: Kvalificerende spørgsmål med forskellige opfølgninger

Mønster 2: Kategoriforgrening

Struktur:

Hvilken type forespørgsel? ○ Salg ○ Support ○ Fakturering ○ Andet HVIS Salg → Vis: Budget, Tidslinje, Virksomhedsstørrelse HVIS Support → Vis: Ordrenummer, Problembeskrivelse HVIS Fakturering → Vis: Fakturanummer, Konto-e-mail HVIS Andet → Vis: Tekstfeltet "Beskriv venligst"

Brugt til: Forskellige spørgsmål til forskellige brugertyper

Mønster 3: Specifikation "Andet"

Struktur:

Hvordan hørte du om os? ☐ Google ☐ Sociale medier ☐ Ven ☐ Andet HVIS Andet er markeret → Vis: Tekstfeltet "Angiv venligst"

Brugt til: Optagelse af brugerdefinerede svar

Mønster 4: Progressiv afsløring

Struktur:

Grundlæggende oplysninger: Navn, e-mail (altid vist) Vil du give flere oplysninger? ○ Ja ○ Nej HVIS Ja → Vis: Virksomhed, telefon, projektbeskrivelse, budget

Brugt til: Valgfri detaljeret information

Mønster 5: Betinget filupload

Struktur:

Har du bilag? ○ Ja ○ Nej HVIS Ja → Vis: Felt til filupload

Brugt til: Valgfrit tilbehør

Mønster 6: Kunde vs. Potensiel kunde

Struktur:

Er du kunde i øjeblikket? ○ Ja ○ Nej HVIS Ja → Vis: Kunde-ID, Konto-e-mail HVIS Nej → Vis: Virksomhed, Hvordan hørte du om os?

Brugt til: Forskellige flows for eksisterende vs. nye

Opbygning af en komplet dynamisk formular: Eksempel

Serviceforespørgselsformular

Altid synlige felter:

• Navn (påkrævet)
• E-mail (påkrævet)
• Serviceinteresse (rullemenu – udløser)

Muligheder for serviceinteresse:

• Web Design
• SEO
• Marketing
• Consulting
• Andet

Betingede felter:

IF Webdesign:

• Aktuel hjemmeside-URL
• Antal nødvendige sider
• Designindstillinger (rullemenu)

IF SEO:

• Aktuel hjemmeside-URL
• Målsøgeord (tekstområde)
• Månedligt budgetinterval

IF-markedsføring:

• Marketingkanaler (afkrydsningsfelter)
• Målgruppe
• Månedligt budgetinterval

IF-rådgivning:

• Konsultationsemne
• Foretrukket mødetidspunkt

HVIS Andet:

• Beskriv venligst (tekstområde)

Altid synlig (efter betinget):

• Yderligere noter (valgfrit)
• Send knappen

Resultat

• Besøgende på webdesign ser 6 felter
• SEO-besøgende ser 6 felter
• Marketingbesøgende ser 6 felter
• Konsulterende besøgende ser 5 felter
• Andre besøgende ser 4 felter

Tilstandstyper

Lig

HVIS [Felt] er lig med "Værdi"

Præcis match kræves.

Ikke lige

HVIS [Felt] ikke er lig med "Værdi"

Alt andet end den værdi.

Indeholder

HVIS [Felt] indeholder "tekst"

Værdien inkluderer teksten et sted.

Er tom

HVIS [Felt] er tomt

Ingen værdi indtastet.

Er ikke tom

HVIS [Felt] ikke er tomt

Enhver indtastet værdi.

Større end / Mindre end

HVIS [Talfelt] er større end 100 HVIS [Talfelt] er mindre end 50

Numeriske sammenligninger.

Flere betingelser

OG Logik

Vis felt HVIS: Service = "Virksomhed" OG Budget > 10000 OG Tidslinje = "Dette kvartal"

ALLE betingelser skal være opfyldt.

ELLER Logik

Vis felt HVIS: Service = "Webdesign" ELLER Service = "SEO" ELLER Service = "Marketing"

Enhver betingelse er sand, er nok.

Kombineret OG/ELLER

Vis felt HVIS: (Tjeneste = "Webdesign" ELLER Tjeneste = "SEO") OG Budget > 5000

Bland for kompleks logik.

Bedste praksis for dynamiske formularer

1. Start Simpelt

• Start med en eller to betingelser
• Tilføj kompleksitet gradvist
• Test hver tilsætning

2. Hold logikken klar

• Brug åbenlyse triggerspørgsmål
• Undgå forvirrende afhængigheder
• Dokumentér din logik

3. Placer felter logisk

• Betingede felter vises efter trigger
• Oprethold den naturlige strømning
• Grupperelaterede felter

4. Håndter obligatoriske felter

• Skjulte felter burde ikke være obligatoriske
• Gør kun obligatorisk, når det er synligt
• Testindsendelse med skjulte obligatoriske felter

5. Giv visuel feedback

• Jævne animationer for fremkomne felter
• Tydelige overgange
• Ingen forstyrrende ændringer

6. Test alle stier

• Hver triggermulighed
• Enhver kombination, hvis du bruger AND/OR
• Mobil og desktop
• Forskellige browsere

Eksempler på dynamiske former i den virkelige verden

Eksempel 1: Begivenhedsregistrering

Trigger: Fremmødetype

• Personlig fremvisning → Fremvisning: Kostrestriktioner, T-shirtstørrelse, Nødkontakt
• Virtuel → Vis: Tidszone, Platformpræference
• Hybrid → Vis: Alle ovenstående

Eksempel 2: Jobansøgning

Trigger: Stillingstype

• Fuldtid → Vis: Lønforventninger, Startdato
• Deltid → Vis: Tilgængelige timer, Planlæg præferencer
• Kontrakt → Vis: Timepris, Projektvarighed

Eksempel 3: Supportanmodning

Trigger: Problemkategori

• Teknisk → Vis: Browser, OS, Fejlmeddelelse, Upload af skærmbillede
• Fakturering → Vis: Ordrenummer, Fakturanummer
• Konto → Vis: Brugernavn, Konto-e-mail
• Funktionsanmodning → Vis: Funktionsbeskrivelse, Brugsscenarie

Eksempel 4: Tilbudsanmodning

Trigger: Projekttype

• Ny hjemmeside → Vis: Branche, Sideantal, Nødvendige funktioner
• Redesign → Vis: Aktuel URL, Hvad skal beholdes, Hvad skal ændres
• Vedligeholdelse → Vis: Aktuel URL, Nødvendige opgaver, Hyppighed

Eksempel 5: Feedbackformular

Trigger: Tilfredshedsvurdering

• 1-3 (Lav) → Vis: Tekstområde “Hvad gik galt?”
• 4-5 (Høj) → Vis: Tekstområde “Hvad gjorde vi godt?”

Fejlfinding af dynamiske formularer

Feltet vises ikke

• Kontroller, at betingelsen er korrekt indstillet
• Bekræft, at triggerfeltets værdi matcher nøjagtigt
• Tjek for tastefejl i betingelsesværdier
• Bekræft at handlingen er "Vis" og ikke "Skjul"

Felt skjules ikke

• Bekræft standardtilstand (skal starte skjult)
• Kontrollér betingelseslogik
• Ryd browserens cache

Obligatorisk feltblokering Indsendelse

• Skjulte felter burde ikke være obligatoriske
• Indstil kun påkrævet, når det er synligt
• Kontroller betingede nødvendige indstillinger

Logikken virker ikke på mobilen

• Test på den faktiske enhed
• Tjek JavaScript-fejl
• Bekræft responsiv adfærd

Data gemmes ikke korrekt

• Bekræft håndtering af skjulte feltdata
• Kontroller, om skjulte værdier skal ryddes
• Testindsendelse for hver sti

Avancerede dynamiske formteknikker

Lænkede betingelser

Felt A udløser felt B, som udløser felt C:

Servicetype → HVIS "Virksomhed" → Vis: Virksomhedsstørrelse → HVIS "1000+" → Vis: Afkrydsningsfelt for dedikeret kontoadministrator

Betingede sektioner

Vis/skjul grupper af felter sammen:

HVIS "Forsendelse nødvendig" = Ja → Vis hele afsnittet om leveringsadresse (5 felter)

Betinget e-mailrouting

Forskellige modtagere baseret på valg:

HVIS Afdeling = "Salg" → E-mail til [e-mail beskyttet]
IF-afdeling = "Support" → E-mail til [e-mail beskyttet]

Betingede bekræftelsesmeddelelser

Forskellige takkebeskeder:

HVIS Forespørgselstype = "Salg" → Vis: "Vores salgsteam kontakter dig inden for 24 timer" HVIS Forespørgselstype = "Support" → Vis: "Sag oprettet. Tjek e-mail for sagsnummer"

Ofte stillede spørgsmål

Hvor mange betingelser kan jeg have?

Teknisk ubegrænset, men hold det overkommeligt. 5-10 velplanlagte betingelser fungerer godt. Mere end 15-20 betingelser betyder normalt, at formularen skal opdeles.

Indsender skjulte felter stadig data?

Afhænger af implementeringen. Normalt indsendes skjulte felter ikke (renere data). Nogle systemer indsender tomme værdier. Test din specifikke opsætning.

Kan jeg bruge betingelser på send-knappen?

Generelt skal du altid holde send-knappen synlig. Det forvirrer brugerne at skjule den. Brug i stedet betingede obligatoriske felter til at styre flowet.

Vil betinget logik gøre min formular langsommere?

Moderne implementeringer har ubetydelig indflydelse på ydeevnen. Kun ekstremt kompleks logik med mange felter kan forårsage mindre forsinkelser.

Kan jeg teste uden at indsende?

Brug forhåndsvisningstilstand til at teste synligheden. For fuld testning inklusive dataindsendelse skal du bruge testindsendelser, som du kan slette.

Resumé

Oprettelse af dynamiske formularer med betinget logik:

1. Planlæg din logik – Kortlæg udløsere, betingelser og mål
2. Byg basisformular – Alle felter, korrekt arrangeret
3. Tilføj triggerfelter – Dropdown-menuer, radioknapper, afkrydsningsfelter
4. Angiv betingelser – Link triggere til målfelter
5. Konfigurer vis/skjul – Definer hvad der vises når
6. Håndteringskrav – Kun påkrævet når det er synligt
7. Test grundigt – Hver sti, hver enhed

Konklusion

Dynamiske formularer med betinget logik skaber personlige oplevelser, som statiske formularer ikke kan matche. Brugerne ser kun relevante spørgsmål, formularerne føles kortere, og du indsamler bedre data. Start med simple betingelser – ja/nej-opfølgninger og kategoriforgrening – og opbyg derefter kompleksitet efter behov. Nøglen er at gøre logikken usynlig for brugerne, samtidig med at du leverer præcis de rigtige felter til deres situation.

Automatisk formularbygger Tilføjelsen Betinget Logik gør det nemt at oprette dynamiske formularer. Opsæt vis/skjul regler med en visuel brugerflade, brug AND/OR-logik til komplekse betingelser, og byg formularer, der tilpasser sig alle brugere.

Klar til at oprette dynamiske formularer? Download automatisk formularbygger og begynd at bygge formularer, der reagerer intelligent på brugerinput.