Verplicht veld
Zet velden aan of uit met één vlag. Gebruikers moeten dit veld invullen voordat ze kunnen doorgaan.
Validatie-engine
Valideer aan de bron,
Valideer aan de bron,
niet als nagedachte.
Definieer regels op elk veld, of bouw complexe validatielogica in JavaScript. Geen gedoe met lange forms, puur controle over je data en gebruikerservaring.
Ingebouwde regels
Alles wat je nodig hebt, direct beschikbaar
Geen tijd om complexe regex te schrijven. Formly biedt een uitgebreide lijst met standaardvalidatieregels die je direct in je schema kunt gebruiken.
Regex & Format
Controleer e-mailadressen, telefoonnummers of postcodeformaten met ingebouwde pattern validators.
Min/Max Waarden
Zet limieten op lengte (tekst), grootte (getallen) of datumbereiken. Ideaal voor formulieren met beperkte capaciteit.
E-mail & IBAN
Specifieke validatoren voor gebruikersnamen, e-mailformaten, IBAN-nummers en BSN-checks.
Gelijkaardigheid
Zorg dat een wachtwoord overeenkomt met het bevestigingsveld of dat twee velden dezelfde waarde hebben.
Beveiliging
Ingebouwde checks voor SQL-injectie en XSS-bescherming om je formulieren veilig te houden.
Aanpasbaar
Schrijf je eigen validatielogica
Gebruik JavaScript om complexe regels te bouwen. Geen framework-afhankelijkheden, puur native functionaliteit.
Je kunt functies definiëren die de waarde van het veld, het volledige schema en het model als argumenten ontvangen. Dit geeft je volledige vrijheid om business rules te implementeren die pure validatie overstijgen. Of je nu een complexe bedrijfsregel wilt toepassen of een integratie met een externe service nodig hebt, de engine ondersteunt dit allemaal via onze developer API.
Geavanceerd
Async Validatie & i18n
Check unieke gebruikersnamen of validering via een externe API en ondersteun meerdere talen in één formulier.
Zet de validatie uit naar de server of gebruik een asynchrone functie om data te checken zonder de gebruiker in de weg te staan.
Formly ondersteunt asynchrone validatie voor dingen zoals e-mailverificatie of BSN-checks. Daarnaast is het systeem volledig i18n-ready. Definieer foutberichten per taal en Formly kiest automatisch de juiste boodschap op basis van de browserinstellingen. De validatielogboeken worden direct in het dashboard zichtbaar, zodat je precies ziet waar en wanneer fouten optreden.
Codevoorbeeld: Custom Validator
Hier is een voorbeeld van hoe je een custom validator definieert in TypeScript om te controleren of een waarde een geldig BSN-nummer is:
// TypeScript voorbeeld van een custom validator
const validateBSN = (value: any, model: any, schema: any) => {
if (!value) return { valid: true };
// Simpele checksum check (algemeen concept)
const digits = value.replace(/\D/g, '');
if (digits.length !== 9) {
return {
valid: false,
error: 'BSN moet 9 cijfers bevatten.',
};
}
return { valid: true };
};
// Toevoegen aan je schema
{
key: 'bsn',
type: 'text',
templateOptions: {
label: 'BSN',
placeholder: '123456789',
},
validators: {
custom: { expression: validateBSN }
}
}
Klaar om validatie te automatiseren?
Integreer de engine in je applicatie en bespaar uren aan validatiecode. Ontdek alle opties in onze documentatie.