Dans ce tuto Ajax en vidéo, nous verrons comment réaliser un espace membre avec inscription, connexion et accès réservé aux membres.
Nous verrons tout d'abord comment afficher le formulaire de connexion ou d'inscription avec un petit effet de slide Jquery en fonction que l'utilisateur veut d'identifier ou s'inscrire. Ensuite, nous réaliserons la partie "inscription" d'abord en PHP en effectuant toutes les vérifications nécessaires, et en envoyant un email au membre nouvellement inscrit en cas de validation réussie. Nous insérerons bien évidemment les données reçues dans une BDD MySQL. Puis, nous effectuerons ces vérifications en AJAX avec Jquery et agrémenterons le confort de l'utilisateur avec par exemple une vérification instantanée de la disponibilité du pseudo ou de l'email dès que l'utilisateur relâche les touches de son clavier. Une fois les validations réussies, nous verrons comment créer un effet pour faire disparaître le formulaire et afficher un message de succès à notre visiteur. Nous passerons ensuite à l'étape d'authentification de nos visiteurs avec une vérification côté serveur et côté client. Nous verrons également comment créer une session lorsque l'utilisateur est identifié et comment faire pour qu'il puisse se déconnecter.
Bon tuto !
Jetez un oeil à ces autres tuto Ajax
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Formulaire de contact ajax
Dans ce tuto AJAX en vidéo, vous réaliserez un formulaire…
Message à la Twitter en AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à réaliser un…
Détecter les requêtes AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à détecter en…
Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…
Formulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Pagination en AJAX
Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Ajax de 1 heure 15 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Témoignage des clients de simpledev
![]()
Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site
![]()
Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !
![]()
Bref j'ai pas besoin de préciser très bon formateur :)
![]()
Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.
![]()
Quoi dire d'autre ? merci pour tout ;).
Lire les autres témoignages
D'autres tuto de simpledev
Administration en AJAX et HTML5
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer et modifier des…
Installer le framework Ruby On Rails
Dans ce tuto Ruby On Rails en vidéo, nous verrons comment installer le framework Ruby…
Système de vote en AJAX avec Codeigniter
Dans ce tuto Codeigniter en vidéo, nous allons mettre en place un système de votes…
Système de vote façon YouTube
Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un système de vote à la manière…
Notes attribuées par les utilisateurs (9 votes)
Les avis / Questions des utilisateurs (13)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Ajax d’une durée de 1 heure 15 minutes a été acheté 152 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 6 janvier 2011 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.











(auteur de ce tuto - 22 décembre 2011)
" Hello sneek75,
Pour ça lorsque ton membre se connecte tu fais une requête pour récupérer son id, par exemple en faisant "select id where pseudo = $pseudo" et ensuite tu stocke l'id récupéré dans une variable de session, $_SESSIO['id'] = $data->id;
Voilà, a+ "
(a acheté ce tuto - 21 décembre 2011)
" Un tuto top de chez top !!! On apprend plein de choses
Une seule question, je voudrais récuperer l'id de su membre connecté dans ma $_SESSION, mais il est undefined index. Comment puis-je l'appeler et dans quelle page ? "
(a acheté ce tuto - 21 septembre 2011)
" Bonjour, comment faire pour inclure la fonction de valider l'inscription en répondant au mail que l'on reçoit?
merci d'avance "
(a acheté ce tuto - 10 août 2011)
" Bonjour,
Super ce tuto tout marche très bien, cependant l'envoie de mail ne marche que depuis chez moi, au boulot il ne marche pas pourtant le SMTP est bien configurer.
Est-ce que un proxy peut bloquer l'envoie ? si oui y a t'il un moyen de contourner ce problème ?
Merci d'avance ;) "
(a acheté ce tuto - 10 mai 2011)
" Comme d'habitude c'est excelent !! "
(a acheté ce tuto - 01 avril 2011)
" ça fonctionne bien, je te remercie, une erreur de ma part............. "
(auteur de ce tuto - 01 avril 2011)
" essayes de voir si ton script php renvoi bien quelques chose en le bidouillant pour afficher un truc à l'écran avec un alert('data') par exemple dans ton js, et si oui essayes de voir si c'est pas ton javascript qui déconne avec firebug ou la console js de chrome.
Tiens moi au courant. "
(a acheté ce tuto - 29 mars 2011)
" Bonsoir et bravo pour ce tuto
j'ai un petit soucis, l'essaies de faire fonctionner en local mais dasn la partie inscription, quand je mets un pseudo existant il ne me met pas tout de suite la croix, elle n'apparait que si je clic sur le bouton envoyer, alors que dans ton tuto c'est réalisé instantanément....
"
(a acheté ce tuto - 22 février 2011)
" Oui tout est importé correctement et javascript est validé
"
(auteur de ce tuto - 22 février 2011)
" Bonjour,
Est-ce que Javascript est bien activé et Jquery bien importé? "
(a acheté ce tuto - 22 février 2011)
" Bonjour,
Avant tout merci pour ce tuto très clair.
J'ai quand même un souci avec la validation de l'inscription, les données sont bien enregistrés mais on n'a pas l'affichage du message de succès et on ne passe pas sur le formulaire de connexion ? Pourtant j'ai juste travaillé directement sur vos sources.
Cordialement "
(a acheté ce tuto - 18 février 2011)
" Super tuto ! Bravo ;) "
(a acheté ce tuto - 06 janvier 2011)
" Toujours la signature de simpledev qui fait de ce tuto un bon tuto, j'ai essayé de le faire par moi même il y a quelques mois, et puis j'ai abandonné l'ajax, trop compliqué et pas assez de tuto sur la toile et puis simpledev nous fait une belle serie qui nous explique cet outil bien agréable pour l'utilisateur, et bien quoi dire de plus...Merci :) "