 /* Information sur le formulaire d'inscription sur la page joueur_inscription_1.php */
$.validator.setDefaults({

	highlight: function(input) {
		$(input).addClass("ui-state-highlight");
	},
	unhighlight: function(input) {
		$(input).removeClass("ui-state-highlight");
	}
});



$(document).ready(function() {
	$("#etape_1").validate({
		
   		wrapper: "span",
		rules: {
			nom: 	{required: true, minlength: 2, remote: "verif_form/check-number.php?champ=nom",},
			prenom:	{required: true, minlength: 2, remote: "verif_form/check-number.php?champ=prenom",},
			email:	{required: true, email:true,   remote: "verif_form/check-email.php?champ=email"},
			telephone: {required: false, remote: "verif_form/check-telephone.php?champ=telephone"},
			
		},
		
		messages: {
			
			email:	{	 required: "Le champ <b><u>E-mail</u></b> est obligatoire.", 
							email: "Le champ <b><u>E-mail</u></b> n'est pas un e-mail valide.",
						   remote: "Le champ <b><u>E-mail</u></b> n'est pas un e-mail valide ou il est déjà utilisé sur notre site."},
			
			nom:	{	 required: "Le champ <b><u>Nom </u></b> est obligatoire.",
					  	minlength: "Le champ <b><u>Nom </u></b> doit contenir au moins 2 caractères.",
						 remote: "Le champ <b><u>Nom </u></b> ne doit pas être numérique.",},
			
			prenom: { 	 required: "c champ <b><u>Prénom </u></b> est obligatoire.",
						minlength: "Le champ <b><u>Prénom </u></b> doit contenir au moins 2 caractères.",
						   remote: "Le champ <b><u>Prénom </u></b> ne doit pas être numérique.",},			
			telephone:		{ required: "Le champ <b><u>Téléphone</u></b> est obligatoire.", 
								remote: "Le champ <b><u>Téléphone</u></b> n'est pas un numéro de téléphone valide."}, 

		}

	});
	
	
	$("#etape_2").validate({


		rules: {
			"q1[reponse][]":		{required: true},
			"q2[reponse][]":		{required: true},
			"q3[reponse][]":		{required: true},
			"q4[reponse][]":		{required: true},
			date:		{required: true, remote: "verif_form/check-date_fr.php"}

			
			
		},
		
		messages: {
			"q1[reponse][]": 		{ required: "La <b><u>1ere question</u></b> est obligatoire."},
			
			
			"q2[reponse][]": 		{ required: "La <b><u>2eme question</u></b> est obligatoire."},
			
			"q3[reponse][]": 		{ required: "La <b><u>3eme question</u></b> est obligatoire."},
			"q4[reponse][]": 		{ required: "La <b><u>4eme question</u></b> est obligatoire."},
			date: 		{ required: "Le champ <b><u>Date de naissance</u></b> est obligatoire.",
							remote: "Le champ <b><u>Date de naissance</u></b> doit etre une date valide (dd/mm/aaaa) et vous devez avoir entre 18 et 80 ans."},


		}

	});
	
	
	$("#etape_3").validate({
		errorLabelContainer: "#messageBox",
   		wrapper: "span",
		rules: {
			"q5[reponse][]":			{required: true},
			"q6[reponse][]":			{required: true},
			"q7[reponse][]":				{required: true},
			"q8[reponse][]":				{required: true},
			adresse:		{required: true},
			ville:			{required: true},
			cp:				{required: true, remote: "verif_form/check-cp.php"},

			
			
		},
		
		messages: {
			"q5[reponse][]": 		{ required: "La <b><u>sixième question</u></b> est obligatoire."},
			"q6[reponse][]":			{ required: "La <b><u>septième question</u></b> est obligatoire."},
			"q7[reponse][]":	 		{ required: "La <b><u>huitième question</u></b> est obligatoire."},
			"q8[reponse][]":			{ required: "La <b><u>neuvième question</u></b> est obligatoire."},
			cp:			{ required: "Le champ <b><u>Code postal</u></b> est obligatoire.", 
							remote: "Le champ <b><u>Code postal</u></b> n'est pas un code postal valide." },  
			adresse: 		{ required: "Le champ <b><u>Adresse</u></b> est obligatoire."},
			ville: 			{ required: "Le champ <b><u>Ville</u></b> est obligatoire."},
		}

	});
	
		$("#etape_final").validate({
		errorLabelContainer: "#messageBox",
   		wrapper: "span",
		rules: {

			telephone:		{required: true, remote: "verif_form/check-telephone.php?champ=telephone"},
			telephone_2:	{remote: "verif_form/check-telephone-vide.php?champ=telephone_2"},
			Q_48:			{required: true},

			
			
		},
		
		messages: {

			telephone:		{ required: "Le champ <b><u>Téléphone Fixe</u></b> est obligatoire.", 
								remote: "Le champ <b><u>Téléphone Fixe</u></b> n'est pas un numéro de téléphone valide."}, 
								
			telephone_2:	{ remote: "Le champ <b><u>Téléphone Mobile</u></b> n'est pas un numéro de téléphone valide."},  
			
			Q_48: 			{ required: "Il faut choisir un moment de la journée valide."},


		}

	});

	
	


	$("#etape_1 input:not(:submit)").addClass("ui-widget-content");
	$(":submit").button();
	
	

});




