$(document).ready(function(){
	//variables globales
	var form = $("#test");
	var nom = $("#lname");
	var nomInfo = $("#nomInfo");
	var prenom = $("#fname");
	var prenomInfo = $("#prenomInfo");
	var pseudo = $("#username");
	var pseudo = $("#loginInfo");
	
	//évènement déséléction souris
	
	
	//évènement sur touche clavier
	nom.blur(validationNom);
	prenom.blur(validationPrenom);
	prenom.blur(validationPseudo);

	
	//Evenement sur le bouton envoyer
	form.submit(function(){
		if(validationNom() & validationPrenom() & validationPseudo() )
			return true
		else
			return false;
	});
	
	//fonction pour valider

	
	pseudo = $(this).text().replace(/ /g,''); // fonction pour enlever les espaces dans les nom de login

	
	function validationNom() {
		//si non valide
		if(nom.val().length > 20)  {
			nom.addClass("exists");
			nomInfo.text("Votre nom ne doit pas dépasser 20 caractères");
			return false;
		}
		//si valide
		else{
			nom.removeClass("exists");
			nomInfo.text("");
			return true;
		}
	}
	function validationPrenom() {
		//si non valide
		if(prenom.val().length > 20)  {
			prenom.addClass("exists");
			prenomInfo.text("Votre prénom ne doit pas dépasser 20 caractères");
			return false;
		}
		//si valide
		else{
			prenom.removeClass("exists");
			prenomInfo.text("");
			return true;
		}
	}
	function validationPseudo() {
		//si non valide
		if(pseudo.val().length > 20)  {
			pseudo.addClass("exists");
			pseudo.text("Votre pseudo ne doit pas dépasser 20 caractères");
			return false;
		}
		//si valide
		else{
			nom.removeClass("exists");
			nomInfo.text("");
			return true;
		}
	}
});