E-mail veld
Verzamel e-mailadressen met een gerust hart. Van contactformulieren tot registraties met dubbele invoerbevestiging, domeinbeperkingen en automatisch aanvullen door de browser – het e-mailveld zorgt voor nauwkeurige e-mailverzameling met ingebouwde validatie en voorkomt typefouten.
Professionele e-mailverzameling met slimme validatie
Perfect voor:
Krachtige functies voor elk gebruiksscenario
✅ E-mailbevestigingsveld
Typefouten door dubbele invoer voorkomen:
Voeg een tweede veld 'E-mailadres bevestigen' toe waar gebruikers hun e-mailadres opnieuw moeten invoeren. Dit voorkomt typefouten en zorgt voor een nauwkeurige verzameling van e-mailadressen.
Hoe werkt het:
- Het primaire e-mailveld verschijnt eerst.
- Het veld 'E-mailadres bevestigen' verschijnt hieronder.
- Het systeem controleert of beide invoerwaarden overeenkomen.
- Visuele feedback toont de matchstatus (groen = match, rood = mismatch).
- Het formulier wordt pas verzonden als de e-mailadressen overeenkomen.
Waarom bevestiging gebruiken?
- Voorkomt kostbare typefouten ([e-mail beveiligd] vs gmail.com)
- Garandeert de bezorging van belangrijke e-mails.
- Verlaagt bouncepercentages
- Professionele beste werkwijze voor kritieke formulieren
- Gebruikers ontdekken hun eigen fouten.
Ideaal voor:
- Accountregistratie (e-mails voor het opnieuw instellen van het wachtwoord)
- Orderbevestigingen (ontvangstbewijs)
- Evenementregistratie (ticket-e-mails)
- Betalingsmeldingen
- Elk formulier waarbij de nauwkeurigheid van e-mailadressen cruciaal is.
Gebruikerservaring:
Realtime validatie met kleurgecodeerde feedback. Gebruikers zien direct of e-mailadressen overeenkomen, zonder te hoeven wachten op het verzenden van een formulier.
🏢 Domeinbeperking
Specifieke e-maildomeinen op de whitelist zetten:
Schakel 'Toegestane e-maildomeinen beperken' in om alleen e-mails van specifieke domeinen te accepteren. Ideaal voor bedrijfsformulieren, privéregistraties of gecontroleerde toegang.
Hoe werkt het:
- Voer de toegestane domeinen in (één per regel)
- Het systeem valideert het e-maildomein bij indiening.
- Alleen overeenkomende domeinen worden geaccepteerd.
- Duidelijke foutmeldingen voor afgewezen domeinen
Gemeenschappelijke gebruiksgevallen:
Alleen voor zakelijke e-mailadressen:
Sta alleen e-mailadressen van het type `@yourcompany.com` toe voor interne formulieren, medewerkersonderzoeken of personeelsregistraties.
Onderwijsinstelling:
Gebruik `@university.edu` alleen voor formulieren, campusenquêtes of academische inschrijvingen die uitsluitend voor studenten bestemd zijn.
Meerdere partners:
Sta meerdere domeinen toe, zoals `company1.com`, `company2.com`, `partner3.com`, voor partnerportalen of B2B-formulieren.
Geverifieerde organisaties:
Voeg specifieke organisaties toe aan de whitelist voor toegang tot content die alleen voor leden toegankelijk is, exclusieve aanbiedingen of geverifieerde toegang.
Voorbeelden:
- Feedback van medewerkers: alleen via `yourcompany.com`
- Studentenportaal: `school.edu`, `university.edu`
- Partnerregistratie: `partner1.com, partner2.com, partner3.com`
- Toegang voor leden: `org1.org, org2.org, nonprofit.org`
Voordelen:
- Garandeert legitieme inzendingen
- Voorkomt ongeautoriseerde toegang
- Valideert de organisatorische affiliatie
- Vermindert spam in openbare e-mails.
- Regelt de toegang tot beperkte formulieren
🔄 Browser automatisch aanvullen
Sneller e-mailen:
Schakel 'Browsersuggesties toestaan' in om browsers suggesties te laten geven voor eerder gebruikte e-mailadressen. Gebruikers kunnen met één klik een adres uit hun opgeslagen lijst selecteren.
Hoe werkt het:
Browser herkent e-mailveld
Stelt opgeslagen e-mailadressen voor.
De gebruiker klikt op de suggestie om het veld automatisch in te vullen.
Directe invulling van het formulier
Voordelen:
Formulier sneller invullen (1 klik in plaats van typen)
Vermindert typefouten (geen handmatige invoer nodig)
Verbetert de gebruikerservaring
Hogere voltooiingspercentages
Vooral handig op mobiele apparaten
Privacyvriendelijk:
Gebruikers bepalen zelf wat browsers opslaan. De automatische aanvulfunctie respecteert de privacyinstellingen van de browser en de voorkeuren van de gebruiker.
Wanneer inschakelen:
Contactformulieren (voor terugkerende bezoekers)
Aanmeldingen voor de nieuwsbrief (terugkerende gebruikers)
Snelle aanvraagformulieren
Openbare formulieren met herhaald gebruik
Wanneer uitschakelen:
Gevoelige registraties
Scenario's voor het delen van computers
Hoogbeveiligde formulieren
Wanneer het e-mailadres handmatig moet worden ingevoerd
✉️ Ingebouwde e-mailvalidatie
Automatische formaatcontrole:
E-mailvelden bevatten ingebouwde HTML5-validatie. Browsers controleren automatisch de e-mailindeling voordat het bericht wordt verzonden.
Validatieregels:
Moet het `@`-symbool bevatten
Er moet tekst vóór `@` (gebruikersnaam) staan.
Het domein moet na het `@`-teken staan.
Een geldige domeinextensie (.com, .org, enz.) is vereist.
Geen spaties of ongeldige tekens
Realtime feedback:
Browsers tonen validatieberichten zoals "Voeg een '@' toe aan uw e-mailadres" of "Voer uw e-mailadres in na de '@'".
Veelvoorkomende fouten die zijn opgespoord:
Ontbrekende `@`: `useremailcom` ✗
Ontbrekend domein: `user@` ✗
Ontbrekende extensie: `user@domain` ✗
Spaties: `[email protected]` ✗
Ongeldige tekens: `user@@email.com` ✗
Geldig e-mailformaat:
`[e-mail beveiligd]', '[e-mail beveiligd]', '[e-mail beveiligd]` ✓
📝 Standaard e-mailwaarde
E-mailadressen vooraf invullen:
Stel een standaard e-mailadres in dat verschijnt wanneer het formulier wordt geladen. Handig voor support-e-mails, standaard contactpersonen of demoformulieren.
Gebruik Gevallen:
- Vul vooraf het e-mailadres van de supportafdeling in voor terugbelverzoeken.
- Toon een voorbeeld van een e-mailindeling ([e-mail beveiligd])
- Stel het e-mailadres van de bekende gebruiker in vanuit de database.
- Standaard contactpersoon voor de organisatie
bewerkbaar:
Gebruikers kunnen de standaardwaarde eenvoudig wijzigen of vervangen. Het is een uitgangspunt, geen vaste waarde.
🎯 Verbeterde gebruikerservaring
Slimme functies ingebouwd:
- E-mailspecifiek toetsenbord – Mobiele apparaten tonen een geoptimaliseerd toetsenbord met @- en .-toetsen.
- Autocomplete-attribuut – Correcte HTML5-autocomplete voor e-mailvelden
- Verwijder automatisch spaties die per ongeluk zijn toegevoegd.
- Omzetten naar kleine letters – Optionele omzetting naar kleine letters voor consistentie
- Visuele validatie – Kleurgecodeerde feedback voor bevestiging en matching.
- Duidelijke foutmeldingen – Specifieke validatiefeedback
- Vereiste validatie – Maak het invoeren van het e-mailadres verplicht.
- Helptekstondersteuning – Voeg opmaaktips voor e-mails toe
- Aangepaste CSS-klassen – Pas aangepaste styling toe
- Toegankelijkheidsondersteuning – ARIA-labels, compatibel met schermlezers
- Plaatsvervangende tekst – Toon hints voor de e-mailopmaak
- Eenvoudig te kopiëren en plakken – Volledige e-mailadressen worden probleemloos geplakt.
🔀 Voorwaardelijke logica
Dynamische zichtbaarheid van e-mailvelden:
Toon of verberg e-mailvelden op basis van andere formulierwaarden. Toon de e-mailverzameling alleen wanneer relevant.
Geavanceerde logica-regels:
- EN Logica – Aan alle voorwaarden moet voldaan zijn
- OF-logica – Elke voorwaarde kan de actie activeren.
- 8 operatoren – gelijk aan, niet gelijk aan, groter dan, kleiner dan, bevat, is leeg, en meer
Gebruik Gevallen:
- Toon "Zakelijk e-mailadres" alleen wanneer het klanttype gelijk is aan "Zakelijk".
- Toon "Alternatief e-mailadres" wanneer de gebruiker "Secundair contactpersoon toevoegen" aanvinkt.
- Toon het "bedrijfs-e-mailadres" wanneer het registratietype gelijk is aan "Zakelijk".
- Verberg "Persoonlijk e-mailadres" wanneer de contactvoorkeur is ingesteld op "Alleen telefoon".
Eenvoudige installatie in 3 stappen
Maak je e-mailveld binnen enkele minuten klaar.
E-mailveld toevoegen
Sleep het e-mailveld vanuit het gedeelte 'Basisvelden' naar uw formulier.
Bevestiging inschakelen (optioneel)
Vink "Bevestigingsveld toevoegen" aan om dubbele invoer te vereisen en typefouten in belangrijke formulieren te voorkomen.
Beperkingen configureren (optioneel)
Schakel domeinbeperking in voor e-mailadressen die alleen voor het bedrijf bestemd zijn, activeer automatisch aanvullen in de browser voor extra gebruiksgemak en stel indien nodig een standaardwaarde in.
???? Dat is alles! Je e-mailveld is nu klaar met slimme validatie en typefoutpreventie.
Toepassingen in de echte wereld
Contact Formulieren
* Algemene e-mailadressen voor vragen
* Contactpersonen voor ondersteuningsverzoeken
* Verzameling van contactgegevens
* E-mails met verzoeken om terug te bellen
Gebruikersregistratie
* E-mails voor het aanmaken van een account
* E-mailadressen voor inloggegevens
* E-mails voor het opnieuw instellen van uw wachtwoord
* E-mailadressen voor verificatie
Nieuwsbrief & Marketing
* E-mails voor nieuwsbriefabonnementen
* Verzameling van toestemming voor marketingdoeleinden
* Aanmeldingen voor e-mailcampagnes
* Verzameling van promotionele e-mails
E-Commerce
* Orderbevestigingsmails
* Ontvangstbevestiging per e-mail
* E-mails met verzendmeldingen
* E-mailadressen van klantaccounts
Business Applications
* E-mails voor offerteaanvragen
* E-mails met kennisgeving van het voorstel
* E-mails voor projectcommunicatie
* Verzameling van klantcontactgegevens
Onderwijs en evenementen
* E-mails voor evenementregistratie
* E-mails over cursusinschrijving
* E-mails met meldingen over webinars
* E-mails over de levering van certificaten
Volledige veldopties
Basis configuratie
- Veldlabel – De titel die boven het e-mailveld wordt weergegeven.
- Beschrijving/Helptekst – Aanvullende handleiding voor gebruikers
- Verplicht veld – Maak het invoeren van het e-mailadres verplicht
- Plaatsaanduidingstekst – Hint die wordt weergegeven voordat gebruikers typen (bijv. “[e-mail beveiligd]")
Standaardwaarde
Standaardwaarde – Vooraf ingevuld e-mailadres wanneer het formulier wordt geladen.
e-mail bevestiging
- Bevestigingsveld toevoegen – Voegt een tweede veld toe waarin gebruikers hun e-mailadres opnieuw moeten invoeren om typefouten te voorkomen.
- Controleert automatisch of beide invoerwaarden overeenkomen.
- Toont realtime, kleurgecodeerde feedback.
- Voorkomt het verzenden van het formulier totdat de e-mailadressen overeenkomen.
Browser-integratie
Browsersuggesties toestaan – Laat browsers suggesties doen voor eerder gebruikte e-mailadressen voor een snellere invulling.
Domeinbeperkingen
Beperk toegestane e-maildomeinen – Accepteer alleen e-mailadressen van specifieke domeinen (bijv. alleen bedrijfs-e-mailadressen).
- Toegestane e-maildomeinen – Voer elk toegestaan domein op een nieuwe regel in (zonder @-symbool)
- Voorbeeld: `gmail.com`, `outlook.com`, `yourcompany.com`
- Eén domein per regel
- Het systeem valideert het domein bij indiening.
voorwaardelijke Logic
- Schakel voorwaardelijke logica in – Weergeven/verbergen op basis van voorwaarden
- Logisch type
- Aan alle voorwaarden moet voldaan worden (EN)
- Aan elke voorwaarde kan worden voldaan (OF)
- Voorwaarden Regels
- Weergeven/Verbergen – Te ondernemen actie
- Veld – Welk veld moet gecontroleerd worden?
- Operator – Gelijk aan, Niet gelijk aan, Bevat, Groter dan, Kleiner dan, Is leeg, Is niet leeg
- Waarde – Vergelijkingswaarde
- Meerdere voorwaarden – Voeg onbeperkt regels toe
geavanceerde opties
- Verborgen veld – Maak het veld onzichtbaar, maar neem het e-mailadres wel op in de inzendingen.
- Aangepaste CSS-klassen – Pas aangepaste styling toe
- Toegankelijkheidskenmerken – ARIA-labels voor schermlezers
- Teksttransformatie – Optionele conversie naar kleine letters
- Witruimte verwijderen – Automatische verwijdering van witruimte
Waarom kiezen voor ons e-mailveld?
✅ Typo-preventie -
Het bevestigingsveld zorgt voor een nauwkeurige verzameling van e-mailadressen.
✅ Domeinbeperking -
Voeg specifieke domeinen toe aan de whitelist voor gecontroleerde toegang.
✅ Browser automatisch aanvullen -
Sneller inloggen met opgeslagen e-mailsuggesties
✅ Ingebouwde validatie – Automatische controle van HTML5-e-mailindeling
✅ Geoptimaliseerd voor mobiel – E-mailspecifieke toetsenborden op mobiele apparaten
✅ Visuele feedback – Realtime validatie van overeenkomsten ter bevestiging
✅ Spamreductie – Domeinbeperkingen voorkomen nep-e-mails
✅ Gebruikersvriendelijk – Duidelijke validatieberichten en hints
✅ Volledig geïntegreerd – Werkt naadloos samen met alle formulierfuncties
Veelgestelde Vragen / FAQ
V: Waarvoor dient het veld voor e-mailbevestiging?
Het voegt een tweede veld "E-mailadres bevestigen" toe waar gebruikers hun e-mailadres opnieuw moeten invoeren. Voorkomt typefouten zoals [e-mail beveiligd] in plaats van gmail.com. Beide velden moeten overeenkomen om het formulier te kunnen verzenden.
V: Hoe werkt domeinbeperking?
Schakel deze functie in en voer de toegestane domeinen in (één per regel), zoals yourcompany.com. Alleen e-mailadressen die eindigen op deze domeinen worden geaccepteerd.
V: Kan ik meerdere domeinen toestaan?
Ja. Voer meerdere domeinen in, één per regel, bijvoorbeeld company1.com, company2.com, partner.com. Ze worden allemaal geaccepteerd.
V: Moet ik voor alle formulieren een e-mailbevestiging gebruiken?
Gebruik het voor belangrijke formulieren zoals registraties, bestellingen of evenementtickets. Sla het over voor eenvoudige aanvraagformulieren om het proces voor gebruikers snel te laten verlopen.
V: Wat doet "Browsersuggesties toestaan"?
Het maakt automatisch aanvullen in de browser mogelijk, zodat gebruikers kunnen kiezen uit hun opgeslagen e-mailadressen in plaats van ze handmatig in te typen.
V: Kunnen gebruikers de e-mailvalidatie omzeilen?
Nee. Browsers passen automatisch regels toe op de opmaak van e-mailadressen en blokkeren onjuiste formaten zoals user@ of @domain.com.
V: Hoe kan ik ervoor zorgen dat ik alleen e-mails van het bedrijf ontvang?
Schakel 'Toegestane e-maildomeinen beperken' in en voer uw bedrijfsdomein in. Alleen e-mails die dat domein gebruiken, worden geaccepteerd.
V: Wordt het bevestigingsveld op dezelfde regel weergegeven?
Nee. Het verschijnt direct onder het hoofdveld voor het e-mailadres met het label "E-mail bevestigen".
V: Welk toetsenbord verschijnt er op mobiele apparaten?
Mobiele apparaten tonen een e-mailvriendelijk toetsenbord met @, punt en veelgebruikte domeinsneltoetsen.
V: Kan ik e-mailvelden gebruiken met voorwaardelijke logica?
Ja. Je kunt e-mailvelden weergeven of verbergen op basis van gebruikersselecties met behulp van voorwaarden zoals 'Is leeg', 'Is niet leeg' of 'Gelijk aan'.
V: Wat gebeurt er als de domeinen niet overeenkomen?
De gebruiker krijgt een bericht zoals: "E-maildomein niet toegestaan. Gebruik een goedgekeurd domein."
V: Moet ik de automatische aanvulling inschakelen om veiligheidsredenen?
Dat hangt ervan af. Schakel het in voor het gemak op openbare formulieren. Schakel het uit op gedeelde of gevoelige systemen wanneer handmatige invoer de voorkeur heeft.
