diff --git a/app/view/Register/displayForm.html b/app/view/Register/displayForm.html index dce6e51568d1c68fc1f8f0ad5d4fa2f78841fc34..491f17eb18494b7ed1b7167e129bf6ded6ca39cc 100644 --- a/app/view/Register/displayForm.html +++ b/app/view/Register/displayForm.html @@ -19,14 +19,74 @@ <article> <h2>Formulaire d'inscription</h2> <div class="inscription-form"> - <form method="post" action="inscription/verify"> - <label for="pseudo">Pseudo* : </label> <input type="text" required="" name="pseudo" id="pseudo" /><br/> - <label for="password">Mot de passe* : </label> <input type="password" required="" name="password" id="password" /><br/> - <label for="password_bis">Vérification mdp* : </label> <input type="password" required="" name="password_bis" id="password_bis" /><br/> - <label for="nom">Nom* : </label> <input type="text" required="" name="nom" id="nom" /><br/> - <label for="prenom">Prénom* : </label> <input type="text" required="" name="prenom" id="prenom" /><br/> - <label for="email">Adresse e-mail* : </label> <input type="email" required="" name="email" id="email" /><br/> - <label for="description">Une description de vous : </label><textarea name="description" id="description"></textarea><br/> + <form method="post" action="inscription/save" onsubmit="return checkForm();"> + + <div class="form-line"> + <div class="validation-container-left"> + <label for="pseudo">Pseudo* : </label> + <input type="text" required="" name="pseudo" id="pseudo" onchange="if(this.value != '') callAjax('checkPseudo', this.value, this.id);" /> + </div> + <div class="validation-container"> + <span id="rsp_pseudo" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_pseudo" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="password">Mot de passe* : </label> + <input type="password" required="" name="password" id="password" onchange="if(this.value != '') callAjax('checkPassword', this.value, this.id);" /> + </div> + <div class="validation-container"> + <span id="rsp_password" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_password" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="password_bis">Vérification mdp* : </label> + <input type="password" required="" name="password_bis" id="password_bis" onchange="if(this.value != '') callAjax('checkPasswordBis', this.value+'¤'+$.(\'#password\').value, this.id);" /> + </div> + <div class="validation-container"> + <span id="rsp_password_bis" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_password_bis" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="nom">Nom* : </label> + <input type="text" required="" name="nom" id="nom" /> + </div> + <div class="validation-container"> + <span id="rsp_nom" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_nom" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="prenom">Prénom* : </label> + <input type="text" required="" name="prenom" id="prenom" /> + </div> + <div class="validation-container"> + <span id="rsp_prenom" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_prenom" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="email">Adresse e-mail* : </label> + <input type="email" required="" name="email" id="email" onchange="if(this.value != '') callAjax('checkEmail', this.value, this.id);" /> + </div> + <div class="validation-container"> + <span id="rsp_email" class="validation-container-content"></span> + <input type="checkbox" disabled name="valid_email" class="validation-checkbox" /> + </div> + </div> + <div class="form-line"> + <div class="validation-container-left"> + <label for="description">Une description de vous : </label> + <textarea name="description" id="description"></textarea> + </div> + </div> <div class="submit"> <input type="reset" name="reset" value="Réinitialiser"> <input type="submit" name="submit" value="S'inscrire"> @@ -36,4 +96,9 @@ </article> + + <script type="text/javascript" src="<?php echo BASE_URL; ?>/js/jquery.min.js"></script> + <script type="text/javascript" src="<?php echo BASE_URL; ?>/js/verif_form_inscription.js"></script> + + <?php include(ROOT."/app/view/Includes/footer.include.html"); ?>