Créer un formulaire d’enregistrement avec ChronoForms

Avec ChronoForms, vous allez pouvoir créer votre propre formulaire d’enregistrement. Dans ce tutoriel, nous allons remplacer le formulaire d’enregistrement de Joomla par un formulaire que nous aurons créé avec ChronoForms.

Nous allons utiliser le Form Wiazard accessible depuis le menu Composants, ChronoForms puis Form Wizard.

Veuillez sélectionner dans la Toolbox à votre droite un champ de type TextBox et le déposer sur votre gauche. Cliquez dessus puis rentrez comme Label, le mot Nom* et cochez la case Required pour forcer l’insertion d’une valeur. Validez en cliquant sur le bouton Apply.

Tirez un autre champ de type TextBox et donnez lui cette fois le nom Identifiant* et cochez l’option Required puis cliquez sur Apply. Pour le champ email, vous allez également tirez un champ de type TextBox, lui donner le nom Email* et cliquez cette fois sur Required et Email pour forcer à rentrer une adresse email valide.

Nous allons maintenant ajouter les champs qui vont contenir le mot de passe. Tirez cette fois à deux reprise, un champ de type PasswordBox. Pour le premier, vous allez lui donner comme libellé Mot de passe et pour le deuxième Vérification mot de passe. Chacun des deux doit également être obligatoire, je vous laisse donc cocher Required.

Il ne nous reste plus qu’à ajouter le bouton, sélectionnez tout en bas de la liste Toolbox l’élément Button et déposez le en dernière position. Donnez lui come labelle Enregistrez-vous et cliquez sur Apply.

Notre formulaire est terminé, il ne nous reste plus qu’à le configurer. Cliquez sur le formulaire que vous venez de créer dans la page de gestion des formulaires.

Dans l’onglet Général, sélectionnez l’option Yes du paramètre Email the results ? pour pouvoir recevoir un email lors de l’inscription. Veuillez faire de même pour le paramètre Enable Validation ? dans l’onglet Validation pour valider ce qui est saisi dans le champs du formulaire.

Dans l’onglet Plugins, cochez la case Joomla Registration puis cliquez sur l’onglet Form Code. Nous allons devoir récupérer l’identifiant de chaque champ définit dans la variable id=. Je vous laisse donc noter l’identifiant de chaque champ, cela devrait resembler à quelque chose comme text_0, texte_1, text_2...

Pour que l'utilisateur reçoive l'email de validation, vous devez obligatoirement sélectionner l'option Yes du paramètre Email user ?

Retournez maintenant à l’onglet Validation, un peu plus base sélectionnez l’option Yes du paramètre Enable Server Side Validation ?. Nous allons ajouter une règle PHP pour tester l’équivalence entre les mots de passe donc voici le code :

<?php
global $mainframe;
if ( JRequest::getVar('text_3') != JRequest::getVar('text_4') )
return 'Mot de passe non identique'
;?>

N’oubliez pas de remplacer la valeur text_3 et text 4 par vos propre identifiants.

Vous pouvez cliquer sur enregistrer puis cliquez sur la coche devant le nom de votre formulaire et sélectionner sur la gauche le lien Joomla Registration. Rentrez pour chacun des 5 champs, l’identifiant correspondant et cliquez sur le bouton Sauver.

Il ne vous reste plus qu’à ajouter un menu vers ce formulaire et tester le résultat.

Pour ne pas permettre l’accès à la page d’enregistrement de Joomla, vous pouvez éditer le fichier components\com_user\views\register\tmpl\default.php et remplacez le code de redirection :

<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>

Par celui-ci en remplaçant dans la variable redirect, l’adresse de votre formulaire comme par exemple : index.php?option=com_chronocontact&Itemid=3

<?php // no direct access
defined('_JEXEC') or die('Restricted access');
$mainframe->redirect('register.html');?>

Ajouter un commentaire