Page Inscription Ajax+Php+Js Help

SwiftFox Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
 SwiftFox -


Bonjour,

J'ai créer ma page inscription.php contenant du Ajax+Php+Javascript mais je n'arrive pas a créer la page de confirmation qui entre tout les informations donner dans ma base de donner et je me demandais si vous pourriez pas m'aider sur ce points :)

Donc tout dabord voici le code de ma page :

<script type="text/javascript" src="include/jquery.tools.min.js"></script>   
                <div class="contenu">   
                <div class="contenu-content">   

                    <h1 class="title">Inscription</h1>   
    <div style="width:95%;margin:auto;">   
<!--DEBUT-->   
<div id="drawer">S'il vous plaît remplissez les champs avec un contour <samp style="color:red"><strong>rouge</strong></samp></div>   
<div id="drawer1">Dofus-Reborn CMS</div>   
<form class="ajax" method="post" action="">   
    <div id="wizard">   
        <ul id="status">   
            <li class="active"><strong>1.</strong> Création du compte</li>   

            <li><strong>2.</strong> Secret</li>   
            <li><strong>3.</strong> Finalisation</li>   
        </ul>   
        <div class="items">   
            <div class="page">   
                <h2>   

                    <strong>Etape 1: </strong> Création du compte sur Dofus-Reborn                    <em>S'il vous plaît entrez vos information de connexion:</em>   
                </h2>   
                <ul>   
                    <li class="required">   
                        <label>   
                            <strong>1.</strong> Entrez votre adresse email <span>*</span><br />   

                            <input type="text" class="text" name="inscriptionemail" id="inscriptionemail" />   
                            <em>Un email avec vos logins vous seras envoyé. Cette adresse ne seras pas divulgué.</em>   
                        </label>   
                    </li>   
                    <li class="required">   
                        <label>   
                            <strong>2.</strong> Choisissez votre login <span>*</span><br />   

                            <input type="text" class="text" name="inscriptionlogin" id="inscriptionlogin"/>   
                            <em>Ce seras le login à utiliser pour vous connectez sur le serveur et le site.</em>   
                        </label>   
                    </li>   
                    <li class="required double">   
                        <label>   
                            <strong>3.</strong> Choisir un mot de passe <span>*</span><br />   

                            <input type="password" class="text" name="inscriptionpass" id="inscriptionpass" />   
                            <em>Entre 4 à 20 carractères.</em>   
                        </label>   
                        <label>   
                            Vérifiez votre mot de passe <span>*</span><br />   
                            <input type="password" class="text" name="inscriptionpass_confirm" id="inscriptionpass_confirm" />   
                        </label>   

                    </li>   
                    <li class="clearfix">   
                        <button type="button" class="next right">Suivant »</button>   
                    </li>   
                </ul>   
            </div>   
            <!-- page2 -->   
            <div class="page">   

                <h2>   
                    <strong>Etape 2: </strong> Information secrète <b></b>   
                    <em>Il vous servirons à retrouver votre mot de passe si vous l'avez oublié.</em>   
                </h2>   
                <ul>   
                    <li class="required">   

                        <label>   
                            <strong>1.</strong> Question secrète <span>*</span><br />   
                            <input type="text" class="text" name="inscriptionquestion" id="inscriptionquestion" />   
                            <em><strong>Exemple</strong>: Quel est le nom de mon chien ?</em>   
                        </label>   
                    </li>   

                    <li class="required">   
                        <label>   
                            <strong>2.</strong> Réponse secrète <span>*</span><br />   
                            <input type="text" class="text" name="inscriptionreponse" id="inscriptionreponse" />   
                            <em><strong>Example</strong>: Rantanplan (Les espaces ne sont pas autorisé).</em>   
                        </label>   

                    </li>   
                    <li class="required double">   
                        <label>   
                            <strong>4.</strong> Pseudo <span>*</span><br />   
                            <input type="text" name="inscriptionpseudo" id="inscriptionpseudo" class="text" value="" /><br />   
                            <em>Choisissez un pseudo.</em>   

                        </label>   
                        <label>   
                            <strong>3.</strong> Code de sécurité <span>*</span><br />   
                            <img src="image_code.php" alt="code de securite" style="position:relative;top:5px;" /> <input type="text" id="codesecu" name="codesecu" value="" /><br />   
                            <em>Retapez le code de sécurité.</em>   
                        </label>   

                    </li>   
                    <li class="required" style="margin:0;">   
                        <input type="text" id="toutok" name="toutok" value="non" style="display:none;" />   
                    </li>   
                    <li class="clearfix">   
                        <button type="button" class="prev" style="float:left">« Retour</button>   
                        <button type="button" id="submitverif" class="next right" onClick="verif();" >Suivant »</button>   

                    </li>   
                    <br clear="all" />   
                </ul>   
            </div>   
            <!-- page3 -->   
            <div class="page">   
                <h2>   
                    <strong>Etape 3: </strong> Bienvenue ! <b></b>   

                    <em>Votre compte vient d'être créé !<br /><br />Vous êtes maintenant un membre du serveur.<br />Vous pouvez vous connecter au site et au serveur.<br /><br />Utilisez le formulaire de connexion à gauche du site.</em>   
                </h2>   
                <img src="images/eye.png" style="margin:30px 0 0 140px" />   
            </div>   
        </div>   
    </div>   
</form>   

<script>   

$(function() {   
var root = $("#wizard").scrollable({size: 1, clickable: false});   
var api = root.scrollable(), drawer = $("#drawer"), drawer1 = $("#drawer1");   
api.onBeforeSeek(function(event, i) {   
    if (api.getIndex() < i) {   
        var page = root.find(".page").eq(api.getIndex()),   
             inputs = page.find(".required :input").removeClass("error"),   
             empty = inputs.filter(function() {   
                return $(this).val().replace(/\s*/g, '') == '';   
             });   
        //Si il manque une input on affiche lerreur obligatoirement et stop tout   
        if (empty.length)   
        {   
                drawer.slideDown(function()  {   
                    drawer.css("backgroundColor", "#ffba00");   
                    setTimeout(function() { drawer.css("backgroundColor", "#fff"); }, 1000);   
                });   
                empty.addClass("error");   
                return false;   
        }   
        //ici tout est remplie mais les donnée du formulaire ne sont pas ok :D   
        else if($("#toutok").val() == 'non' && api.getIndex() == 1)   
        {   
            drawer.slideDown();   
            drawer1.slideUp();   
            return false;   
        }   
        else   
        {   
            drawer.slideUp();   
            drawer1.slideUp();   
        }   
    }   
    $("#status li").removeClass("active").eq(i).addClass("active");   
});   

root.find("button.next").keydown(function(e) {   
    if (e.keyCode == 9) {   
        api.next();   
        e.preventDefault();   
    }   
});   
});   

//MON SCRIPT   
    $(function() {   
        $('#submitverif').click(function() {   
            jQuery.ajax({   
                type: "POST",   
                url: "inscriptionajax.php",   
                data: "inscriptionlogin="+$('#inscriptionlogin').val()+"&inscriptionemail="+$('#inscriptionemail').val()+"&inscriptionpass="+$('#inscriptionpass').val()+"&inscriptionpass_confirm="+$('#inscriptionpass_confirm').val()+"&inscriptionquestion="+$('#inscriptionquestion').val()+"&inscriptionreponse="+$('#inscriptionreponse').val()+"&codesecu="+$('#codesecu').val()+"&inscriptionpseudo="+$('#inscriptionpseudo').val(),   
                error: function() {   
                    alert('ERROR');   
                },   
                success: function(r) {   
                    if(r=='good')   
                    {   
                        $('#toutok').val('ok');   
                        $("#drawer1").text('Compte créer !');   
                        $("#drawer1").slideUp();   
                        $("#drawer").slideUp();   
                        $("#submitverif").click();   
                    }   
                       
                    if($('#toutok').val() == 'ok')   
                    {   
                       
                    }   
                    else   
                    {   
                        $("#drawer1").text(r);   
                        if(r=='snapzcms')   
                        {   
                            $("#drawer1").slideUp();   
                        }   
                        else   
                        {   
                            $("#drawer1").slideDown();   
                        }   
                    }   
                }   
            });   
            return false;   
        } );   
    } );   
//FIN MON SCRIPT   
//FIN MON SCRIPT   
</script>   
           
<!--FIN-->   
</div>   
                </div>   
                <div class="contenu-bas"></div>   
                </div>


Donc il me faudrais créer la page php : inscriptionajax.php pour confirmer les informations contenue dans :

                data: "inscriptionlogin="+$('#inscriptionlogin').val()+"&inscriptionemail="+$('#inscriptionemail').val()+"&inscriptionpass="+$('#inscriptionpass').val()+"&inscriptionpass_confirm="+$('#inscriptionpass_confirm').val()+"&inscriptionquestion="+$('#inscriptionquestion').val()+"&inscriptionreponse="+$('#inscriptionreponse').val()+"&codesecu="+$('#codesecu').val()+"&inscriptionpseudo="+$('#inscriptionpseudo').val(),


Et voici la ligne sql que j'utilise sur mon autre script d'inscription que je n'utilise plus c'est pour vous montrer la fonction sql pour integrer les information demander.

 "INSERT INTO accounts VALUES ( '', '"LOGIN"','"PASS"','0','"EMAIL"','0','','"QUESTION"','"REPONSE"','"SPEUDO"','0','0','0','','','','0')";   


Merci d'avoir pris le temps d'avoir lu mon topic et merci encore pour votre future aide.
A voir également:

5 réponses

SwiftFox Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Up, Rendu a la 2e page :)
0
SwiftFox Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Up ... Svp aider moi :x
0
SwiftFox Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
UP.................................
0
qwqwrqwr
 
omg UPUPUPUPUPUP!!!!!!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
SwiftFox
 
wtf upupupup help plz
0