1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
|
<?php
include 'config.php'; //Mon fichier contenant la connexion a la bdd
?>
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inscription</title>
<link href="style.css" rel="stylesheet"/>
<link rel="stylesheet" href="erreur/css/validationEngine.jquery.css" type="text/css"/>
<script type="text/javascript" src="oXHR.js"></script>
<script src="erreur/js/jquery-1.8.2.min.js" type="text/javascript">
</script>
<script src="erreur/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
</script>
<script src="erreur/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
</script>
<script>
jQuery(document).ready(function(){
// binds form submission and fields to the validation engine
jQuery("#inscription").validationEngine();
});
</script>
<?php
if (isset($msg))
{
echo $msg;
}
?>
<div class="pageb">
<center>
<form method="post" id="inscription">
<br>
<h3 style="color: #a55a46;font-family: Impact">Inscription</h3>
<br>
<label for="pseudo">Pseudo</label><br><input type="text" name="pseudo" id="pseudo" class="validate[required, custom[onlyLetterNumber], funcCall[pseudo]]" data-errormessage-value-missing="Ce champs est requis!" data-errormessage-custom-error="Le pseudo ne peut contenir d'espace"/><br/><br/>
<label for="passe">Mot de passe</label><br><input type="password" name="passe" id="passe" class="validate[required, minSize[6], custom[onlyLetterNumber]]" data-errormessage-value-missing="Ce champs est requis!" data-errormessage-range-underflow="Le mot de passe doit contenir au moins 6 caractères" data-errormessage-custom-error="Le mot de passe ne peut contenir d'espace"/><br/><br/>
<label for="passe2">Confirmation du mot de passe</label><br><input type="password" name="passe2" id="passe2" class="validate[required, equals[passe]]" data-errormessage-value-missing="Ce champs est requis!" data-errormessage-pattern-mismatch="Les mots de passes ne correspondent pas."/><br/><br/>
<label for="email">Adresse e-mail</label><br><input type="email" name="email" id="email" class="validate[required,custom[email]]" data-errormessage-value-missing="Ce champs est requis!" data-errormessage-custom-error="L'adresse doit être de la forme : mail@mail.fr(com)" /><br/><br/>
<label for="telephone">Téléphone (facultatif)</label><br><input type="tel" name="telephone" id="telephone" class="validate[required, custom[phone]]" data-errormessage-value-missing="Ce champs est requis!" data-errormessage-custom-error="Le numéro de télephone doit être en chiffres"/><br/><br>
<a href="CGU.pdf" target="_blank">
<input class="btn btn-primary btn-lg" value="C.G.U">
</a>
<br>
<br>
J'ai lu et m'engage à respecter les C.G.U (conditions générales d'utilisation) <input type="checkbox" name="lu" id="lu" class="validate[required]" data-errormessage-value-missing="Vous devez lire puis acceptez les C.G.U pour vous inscrire!">
<br>
<br>
<button type="submit" id="inscription" value="envoyer" name="inscription" class="btn btn-success">
<span class="glyphicon glyphicon-ok"></span>
M'inscrire
</button>
<br>
<br>
</form>
</center>
</div>
<script>
function pseudo(field, rules, i, options){
var xhr = getXMLHttpRequest(); // déclare xhr via le fichier joint (oXHR.js)
xhr.onreadystatechange = function() { // si xhr change d'état (transmis / en cours / finis)
// vérifie si la demande d'envoi et effectuer (donnée récupérer) / ou aucune réponse
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
if(xhr.responseText = "Ce pseudo est indisponible") // récupère les données "text" (peut être via xml) et les envois à readData
{
alert(xhr.responseText);
}
else if(xhf.responseText = "Ce pseudo est disponible")
{
alert(xhr.responseText);
}
else
{
}
}
};
// encode le texte pour l'envoyer via l'url
var nick = encodeURIComponent(document.getElementById("pseudo").value);
var name = encodeURIComponent(document.getElementById("passe").value);
// envoie les données (get) à une page php, avec les arguments
xhr.open("GET", "verifpseudo.php?Nick=" + nick + "&Name=" + name, true);
xhr.send(null);
}
</script> |
Partager