This is the documentation for v6, checkout the latest version
Keycloakify
HomeGitHubStartersStorybookDiscordKeycloak-js Alternative
v6
  • Keycloakify
  • Release Notes & Upgrade Instructions
  • FAQ
v6
  • ๐Ÿ‘จโ€๐Ÿ’ปQuick start
  • ๐Ÿ”ฉKeycloakify in my App
  • ๐Ÿ“งEmail customization
  • โœ’๏ธTerms and conditions
  • โœ…Realtime input validation
  • โš ๏ธLimitations
  • ๐ŸŒ‰Context persistence
  • ๐ŸŒŽi18n: msg(...)
  • ๐Ÿ’‚Email domain acceptlist
  • ๐Ÿ›‘Keycloak error in log
  • ๐Ÿ’ŸContributing
  • ๐Ÿ“–Build options
  • ๐ŸRequirements
  • โฌ†๏ธv5 -> v6
  • โฌ†๏ธv6.x -> v6.12
Powered by GitBook
On this page

Was this helpful?

Realtime input validation

PreviousTerms and conditionsNextLimitations

Last updated 28 days ago

Was this helpful?

In reality the regexp used in this gif doesn't work server side, the regexp pattern should be ^[^@]@gmail\.com$ (the RegExp should match the whole string) ๐Ÿ˜ฌ.

User Profile is a Keycloak feature that enables to , what information you want to collect on your users in the register page and to validate inputs !

NOTE: User profile is only available in Keycloak 15 and it's a beta feature that and .

Keycloakify provides client side validation out of the box but for customizing the registration experience you'll have customize register-user-profile.ftl

Example in the starter project:

As for right now in the admin console. You can however pass validators for it to the useFormValidation function. (this is why useFormValidation returns attributesWithPassword)

โœ…
Keycloak dosen't allow to define a pattern for the password
define, from the admin console
on the frontend, in realtime
needs to be enabled when launching keycloak
enabled in the console
keycloakify-starter/RegisterUserProfile.tsx at main ยท codegouvfr/keycloakify-starterGitHub
The RegisterUserProfile page...
keycloakify-starter/UserProfileCommons.tsx at main ยท codegouvfr/keycloakify-starterGitHub
...but this is where the magic happens
Logo
Logo