// JavaScript Document

window.onload = initForm;

var divresultatFormulaire;
var messageErreur = "";

var inputNom;
var inputPrenom;
//var inputCodePostal;
//var inputVille;
//var inputTel;
var inputMail;
//var baliseSelect;
//var inputInvites;
//var inputDate;
//var inputMessage;
//var inputConnu;

var longueurSaisie ;
var minimumSaisie = 2 ;
//var saisieTel = 10;
//var saisieCodePostal = 5;


var validationNom = false;


var validationPrenom = false;


//var validationCodepostal = false;



//var validationVille = false;


//var validationTel = false;


var validationMail = false;


//var validationTypedevenement = false;

//var validationInvites = false;

//var validationDate =false;


//var validationMessage = false;


//var validationConnu = false;


var formulaireValide = false;

function  initForm()
{
	divresultatFormulaire = document.getElementById("resultatFormulaire");
	inputNom = document.getElementById("nom");
	inputPrenom = document.getElementById("prenom");
	//inputCodePostal = document.getElementById("codepostal");
	//inputVille = document.getElementById("ville");
	//inputTel = document.getElementById("tel");
	inputMail = document.getElementById("mail");
	//baliseSelect =  document.getElementById("evenement");
	//inputInvites = document.getElementById("invite");
	//inputDate = document.getElementById("date");
	//inputMessage =document.getElementById("message");
	//inputConnu = document.getElementById("connu");
	
}

/////////////////////// NOM //////////////////////

			

		
function evenementBlurNom()
			{
				longueurSaisie = inputNom.value.length;
				
				if (inputNom.value == "")
					{
						//inputNom.value = contenuInitialNom;
						validationNom = false;
					}
				else if (longueurSaisie < minimumSaisie)
					{
						validationNom = false;
					}
				else
					{
					 	validationNom = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurNom");
				
			}
	///////////////////////////// PRENOM /////////////////////		
			

		
function evenementBlurPrenom()
			{
				longueurSaisie = inputPrenom.value.length;
				
				if (inputPrenom.value == "")
					{
						//inputPrenom.value = contenuInitialPrenom;
						validationPrenom = false;
					}
				else if (longueurSaisie < minimumSaisie)
					{
						validationPrenom = false;
					}
				else
					{
					 	validationPrenom = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurPrenom");
				
			}

///////////////////////////// CODE POSTAL /////////////////////		
			

		
/*function evenementBlurCP()
			{
				longueurSaisie = inputCodePostal.value.length;
				
				if (inputCodePostal.value == "")
					{
						//inputCodePostal.value = contenuInitialCodepostal;
						validationCodepostal = false;
					}
				
				else
					{
					 	validationCodepostal = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurCP");
				
			}
			
function evenementCheckCP()
{
	var reg = new RegExp('[^0-9]+', 'g');
valeur = inputCodePostal.value;
if(reg.test(valeur)) {
	validationCodepostal = false;
	}
else if (longueurSaisie != saisieCodePostal)
					{
						validationCodepostal = false;
					}

else
	{
	
	validationCodepostal = true;
	}

}*/		

			

			
///////////////////////////// VILLE /////////////////////		
			

		
/*function evenementBlurVille()
			{
				longueurSaisie = inputVille.value.length;
				
				if (inputVille.value == "")
					{
						//inputVille.value = contenuInitialVille;
						validationVille = false;
					}
				else if (longueurSaisie < minimumSaisie)
					{
						validationVille = false;
					}
				else
					{
					 	validationVille = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurVille");
				
			}*/
			
///////////////////////////// TEL /////////////////////		
			

		
/*function evenementBlurTel()
			{
				longueurSaisie = inputTel.value.length;
				
				if (inputTel.value == "")
					{
						//inputTel.value = contenuInitialTel;
						validationTel = false;
					}
				
				else
					{
					 	validationTel = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurTel");
				
			}
			
function evenementCheckTel()
{
	var reg = new RegExp('[^0-9]+', 'g');
valeur = inputTel.value;
if(reg.test(valeur)) {
	validationTel = false;
	}
else if (longueurSaisie != saisieTel)
					{
						validationTel = false;
					}

else
	{
	
	validationTel = true;
	}

}	*/
			
			
///////////////////////////// MAIL /////////////////////		
			

		
function evenementBlurMail()
			{
				longueurSaisie = inputMail.value.length;
				
				if (inputMail.value == "")
					{
						//inputMail.value = contenuInitialMail;
						validationMail = false;
					}
				else if (bonmail(inputMail.value) == false)
					{
						validationMail = false;
					}
				else
					{
					 	validationMail = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurMail");
				
			}
			
function bonmail(mailteste)

{
	var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');

	if(reg.test(mailteste))
	{
		return(true);
	}
	else
	{
		return(false);
	}
}
			
			
////////////////////// TYPE DEVENEMENT .////////////////////


/*function evenementChangeEvenement()
			{	
				// texte sur la valeur de la liste déroulante
				if (baliseSelect.value == "")
					{
						validationTypedevenement = false;
					}
				else 
					{
						validationTypedevenement = true;
					}
					
				// affichage du message d'erreur
				affichageMessageErreur ("erreurEvenement");
			}*/
			
///////////////////////////// INVITE /////////////////////		
			

		
/*function evenementBlurInvite()
			{
				longueurSaisie = inputInvites.value.length;
				
				if (inputInvites.value == "")
					{
						
						validationInvites = false;
					}
				
				else
					{
					 	validationInvites = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurInvite");
				
				
			}
		
		
function evenementCheckInvite()
{
	var reg = new RegExp('[^0-9]+', 'g');
valeur = inputInvites.value;
if(reg.test(valeur)) {
	validationInvites = false;
	}

else
	{
	
	validationInvites = true;
	}

}*/


///////////////// DATE ///////////// 

/*function evenementCheckDate()
{
	
	longueurSaisie = inputDate.value.length;
				
				if (inputDate.value == "")
					{
						
						validationDate = false;
					}
				
				else
					{
					 	validationDate = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurDate");
			
	
}		*/
			
///////////////////////////// MESSAGE /////////////////////		
			

		
/*function evenementBlurMessage()
			{
				longueurSaisie = inputMessage.value.length;
				
				if (inputMessage.value == "")
					{
						
						validationMessage = false;
					}
				else if (longueurSaisie < minimumSaisie)
					{
						validationMessage = false;
					}
				else
					{
					 	validationMessage = true;
					}
				
				// affichage du message d'erreur
				affichageMessageErreur ("erreurMessage");
				
			}*/

////////////////////// CONNU .////////////////////


/*function evenementChangeConnu()
			{	
				// texte sur la valeur de la liste déroulante
				if (inputConnu.value == "")
					{
						validationConnu = false;
					}
				else 
					{
						validationConnu = true;
					}
					
				// affichage du message d'erreur
				affichageMessageErreur ("erreurConnu");
			}*/


		
			
function affichageMessageErreur (erreursChamp)
				{
					// réinitilisation du message d'erreur
					messageErreur = "";
					
					// erreur du champ nom
					if (erreursChamp == "erreurNom")
						{
							// si le nom n'est pas valide
							if (validationNom == false)
								{
									
									
									messageErreur= "votre nom doit contenir au moins 2 caractères";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le nom est valide
							else
								{
									inputNom.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
						
						}
						
					if (erreursChamp == "erreurPrenom")
						{
							// si le prenom n'est pas valide
							if (validationPrenom == false)
								{
									
									
									messageErreur = "votre pr&eacute;nom doit contenir au moins 2 caractères";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le prenom est valide
							else
								{
									inputPrenom.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
								
						
						
						}
						
						/*if (erreursChamp == "erreurCP")
						{
							// si le code postal n'est pas valide
							if (validationCodepostal == false)
								{
									
									
									messageErreur = "votre code postal doit contenir 5 chiffres";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le code postal est valide
							else
								{
									inputCodePostal.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
								
						
						
						}*/
						
						/*if (erreursChamp == "erreurVille")
						{
							// si la ville n'est pas valide
							if (validationVille == false)
								{
									
									
									messageErreur = "votre ville doit contenir au moins 2 caractères";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si la ville est valide
							else
								{
									inputVille.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
								
						
						
						}*/
						
						/*if (erreursChamp == "erreurTel")
						{
							// si le tel n'est pas valide
							if (validationTel == false)
								{
									
									
									messageErreur = "votre numéro doit être composé de 10 chiffres";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le tel est valide
							else
								{
									inputTel.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
								
						
						
						}*/
						
						if (erreursChamp == "erreurMail")
						{
							// si le mail n'est pas valide
							if (validationMail == false)
								{
									
									
									messageErreur = "merci d'entrer un email valide";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le mail est valide
							else
								{
									inputMail.style.backgroundColor = "#fff";
					
									messageErreur = "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
								
						
						
						}
						
						/*if (erreursChamp == "erreurEvenement")
						{
							// si l'evenement n'est pas valide
							if (validationTypedevenement == false)
								{
									
									
									messageErreur = "merci de s&eacute;lectionner un type d'&eacute;v&egrave;nement";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si l'evenement est valide
							else
								{
									baliseSelect.style.backgroundColor = "#fff";
					
									messageErreur += "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
					
						}*/
						
						/*if (erreursChamp == "erreurInvite")
						{
							// si invites n'est pas valide
							if (validationInvites == false)
								{
									
									
									messageErreur = "merci de pr&eacute;ciser un nombre d'invit&eacute;s";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si invites est valide
							else
								{
									inputInvites.style.backgroundColor = "#fff";
					
									messageErreur += "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
					
						}*/
						
						/*if (erreursChamp == "erreurDate")
						{
							// si invites n'est pas valide
							if (validationDate == false)
								{
									
									
									messageErreur = "merci de choisir une date";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si invites est valide
							else
								{
									inputDate.style.backgroundColor = "#fff";
					
									messageErreur += "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
					
						}*/
						
						
						
						/*if (erreursChamp == "erreurMessage")
						{
							// si le message n'est pas valide
							if (validationMessage == false)
								{
									messageErreur = "veuillez r&eacute;diger un message";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le message est valide
							else
								{
									inputMessage.style.backgroundColor = "#fff";
					
									messageErreur += "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
					
						}*/
						
						/*if (erreursChamp == "erreurConnu")
						{
							// si le champ connu n'est pas valide
							if (validationConnu == false)
								{
									
									
									messageErreur = "veuillez pr&eacute;ciser comment vous nous avez connu";
									
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
								}
							// si le champ connu est valide
							else
								{
									inputMessage.style.backgroundColor = "#fff";
					
									messageErreur += "";
									divresultatFormulaire.innerHTML = messageErreur;
								}
					
						}*/
						
						
						
						
						if (erreursChamp == "erreurFormulaire")
								{
									if (validationNom == false)
										{
											messageErreur  = "nom invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
									
									if (validationPrenom == false)
										{
											messageErreur  = "pr&eacute;nom invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
									
									/*if (validationCodepostal == false)
										{
											messageErreur  = "code postal invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									/*if (validationVille == false)
										{
											messageErreur  = "ville invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									/*if (validationTel == false)
										{
											messageErreur  = "num&eacute;ro de t&eacute;l&eacute;phone invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									if (validationMail == false)
										{
											messageErreur  = "email invalide <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;
									
									/*if (validationTypedevenement == false)
										{
											messageErreur  = "merci de choisir un type d'&eacute;v&egrave;nement <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									/*if (validationInvites == false)
										{
											messageErreur  = " merci de pr&eacute;ciser le nombre d'invit&eacute;s <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									/*if (validationDate == false)
										{
											messageErreur  = "merci de choisir au moins une date <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									
									
									/*if (validationMessage == false)
										{
											messageErreur  = "merci de r&eacute;diger un message <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									/*if (validationConnu == false)
										{
											messageErreur  = "merci de pr&eacute;ciser comment vous nous avez connu <br />";
										}
									// div resultat formulaire
									divresultatFormulaire.innerHTML = messageErreur;*/
									
									
									
									
									
								}
				}
				
function validerFormulaire()
			{
				// vérification des champs
				if (validationNom == false || validationPrenom == false || /*validationCodepostal == false || validationVille == false || validationTel == false  ||*/ validationMail == false /*|| validationTypedevenement == false || validationInvites == false ||  validationDate == false || validationMessage == false  || validationConnu == false*/ ) 
					{ 	
						
						// affichage du message d'erreur
						affichageMessageErreur("erreurFormulaire")
						// enpêcher l'envoie du formulaire
						return false;
					}
				else 
					{ 
						
						return true;
					}
			}