> ## Documentation Index
> Fetch the complete documentation index at: https://auth0-chore-gt-workflow.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
> Utilisez Auth0 Actions pour valider et stocker les données des champs personnalisés d’une page d’inscription Universal Login personnalisée.
# Utiliser Actions pour valider et stocker les données d’utilisateurs finaux recueillies au moyen des personnalisations du prompt d’inscription
Vous pouvez utiliser les [personnalisations du prompt d’inscription](/docs/fr-ca/customize/login-pages/universal-login/customize-signup-and-login-prompts) avec le trigger `pre-user-registration` pour ajouter à `user_metadata` les données fournies par l’utilisateur final (comme le numéro de téléphone ou l’emplacement d’un utilisateur) à partir du prompt d’inscription. Au besoin, vous pouvez aussi valider ces données et afficher une erreur de validation dans le prompt.
Prérequis
* Le tenant a un [domaine personnalisé](/docs/fr-ca/customize/custom-domains) vérifié
* Le tenant a un [modèle de page](/docs/fr-ca/customize/login-pages/universal-login/customize-templates) configuré
Ajouter un champ au prompt d’inscription
Utilisez la [Management API](https://auth0.com/docs/api/management/v2/prompts/put-custom-text-by-language) pour insérer un champ personnalisé dans un prompt à l’aide de l’un des [points d’insertion](/docs/fr-ca/customize/login-pages/universal-login/customize-signup-and-login-prompts#-signup-prompt-entry-points). Cet exemple ajoute le contenu suivant au point d’insertion `ulp-container-form-content-start` :
```html lines theme={null}
```
Le résultat est une section « Prénom » sur le prompt d’inscription :
Créer une Action dans le Trigger Pre-User Registration
Vous pouvez créer une Action personnalisée de pré-enregistrement des utilisateurs en allant à [**Actions > Library > Build Custom**](https://manage.auth0.com/dashboard/us/dev-6endizjt/actions/library)**.**
Dans l’éditeur de code, mettez à jour le gestionnaire `onExecutePreUserRegistration` :
```js lines theme={null}
exports.onExecutePreUserRegistration = async (event, api) => {
const firstName = event.request.body['ulp-first-name'];
api.user.setUserMetadata("firstName", firstName);
};
```
Au besoin, vous pouvez valider les données saisies par l’utilisateur et renvoyer une erreur de validation à l’aide de la méthode `api.validation.error`, puis déployer l’action :
```js lines theme={null}
exports.onExecutePreUserRegistration = async (event, api) => {
const firstName = event.request.body['ulp-first-name'];
if(!firstName) {
api.validation.error("invalid_payload", "Missing first name");
return;
}
api.user.setUserMetadata("firstName", firstName);
};
```
Ajouter l’action au flux
Accédez à [**Actions > Flows > Pre User Registration > Add Action > Custom**](https://manage.auth0.com/dashboard/us/dev-6endizjt/actions/flows/pre-user-signup/), puis faites glisser votre nouvelle action dans le flux d’inscription et sélectionnez **Apply**.
Testez l’Action
Créez un compte dans votre flux de test et laissez le champ **Prénom** vide. Une erreur s’affichera à l’envoi :
Après avoir saisi un nom dans le champ **Prénom**, vous pourrez soumettre le formulaire :
Vérifiez que les données ont bien été enregistrées dans user\_metadata
Accédez à [**Gestion des utilisateurs > Utilisateurs**](https://manage.auth0.com/dashboard/us/dev-6endizjt/users), puis confirmez que les données ont bien été enregistrées dans l’onglet Détails :
Dans l’éditeur de code, mettez à jour le gestionnaire `onExecutePreUserRegistration` :
```js lines theme={null}
exports.onExecutePreUserRegistration = async (event, api) => {
const firstName = event.request.body['ulp-first-name'];
api.user.setUserMetadata("firstName", firstName);
};
```
Au besoin, vous pouvez valider les données saisies par l’utilisateur et renvoyer une erreur de validation à l’aide de la méthode `api.validation.error`, puis déployer l’action :
```js lines theme={null}
exports.onExecutePreUserRegistration = async (event, api) => {
const firstName = event.request.body['ulp-first-name'];
if(!firstName) {
api.validation.error("invalid_payload", "Missing first name");
return;
}
api.user.setUserMetadata("firstName", firstName);
};
```
Après avoir saisi un nom dans le champ **Prénom**, vous pourrez soumettre le formulaire :
