Formulaire sous condition jquery

Bonjour,

J'ai un problème avec mon script jquery pour la validation des champ d'un formulaire.

Voici le code :

$(document).ready( function () { 
$("#envoyer").click(function() {
		valid = true;
		$.ajax({
		type: "POST",
		url: "script/verif_account.php",
		data: "login="+$("#login").val(),
		success: function(msg){
			
		if(msg==1) {
		$("#login").next(".error-message").fadeIn().text("Ce login existe déja")
		valid = false;
	}	
							}
			})
			
		if($("#login").val() == "" ){
		valid = false;
		$("#login").next(".error-message").fadeIn().text("Merci de mettre le login")
	}

		if($("#nom").val() == "" ){
		valid = false;
		$("#nom").next(".error-message").fadeIn().text("Merci de mettre le nom")
	}
		
		if($("#prenom").val() == "" ){
		valid = false;
		$("#prenom").next(".error-message").fadeIn().text("Merci de mettre le prenom")
	}
			if($("#pass").val() == "" ){
		valid = false;
		$("#pass").next(".error-message").fadeIn().text("Merci de mettre le pass")
		$("#pass2").next(".error-message").fadeIn().text("Merci de mettre le pass")
	}
			if($("#pass2").val() == "" ){
		valid = false;
		$("#pass").next(".error-message").fadeIn().text("Merci de mettre le pass")
		$("#pass2").next(".error-message").fadeIn().text("Merci de mettre le pass")
	}
			if($("#niveau").val() == "..." ) {
		valid = false;
		$("#niveau").next(".error-message").fadeIn().text("selectione le niveau d'utilisation")
			}
		if($("#pass").val() != $("#pass2").val()){
		valid = false;
		$("#pass2").next(".error-message").fadeIn().text("les mot de pass ne sont pas identique")
	}
	
	
	return valid;	
		   })
});

Le souci réside dans le faite que le formulaire accepte tout de même d'être envoyer même si la fonction ajax retourne la valeur 1.

Les autres condition fonctionne elle correctement et bloque l'envoie du formulaire.


Cela pourrai t'il venir de deux condition identique sur le même champ id login.

Comment ca marche ?

merci d'avance pour vos réponse.



<config>Windows 7 / Chrome</config>