11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,

J'ai trouvé un chouette tuto sur le net me permettant de faire une vérification de mon formulaire sous cette forme:

	$(function() {
		 $("#envoyer_newstory").click(function(){
		valid = true;
		
		if ($("#pseudo").val() == ""){
			$("#pseudo").next(".error-message").fadeIn().text("choisi un pseudo");
			$("#errorpseudo").next(".ok-message").hide().text("");
			$("#pseudo").css("background-color","#f9d4d4");
			
			valid = false;
		}
		
		else if(!$("#pseudo").val().match(/^[a-z]+$/i)) { 
			$("#pseudo").next(".error-message").fadeIn().text("choisi un pseudo valide");
			$("#errortitle").next(".ok-message").hide().text("");
		}
		
		else {
			$("#pseudo").next(".error-message").hide();
			$("#pseudo").css("background-color","#c8ebb7");
			$("#errorpseudo").next(".ok-message").fadeIn().text("");
		}
		
		if ($("#title").val() == ""){
			
			$("#title").next(".error-message").fadeIn().text("choisi un titre");
			$("#errortitle").next(".ok-message").hide().text("");
			$("#title").css("background-color","#f9d4d4");
			valid = false;
		}
		else {
			$("#title").next(".error-message").hide();
			$("#title").css("background-color","#c8ebb7");
			$("#errortitle").next(".ok-message").fadeIn().text("");
		}
		
		
		if ($("#story").val() == ""){
			$("#story").next(".error-message").fadeIn().text("Tu n'as pas envie de nous raconter une histoire?");
			$("#errorstory").next(".ok-message").hide().text("");
			$("#story").css("background-color","#f9d4d4");
			valid = false;
		}
		else {
			$("#story").next(".error-message").hide();
			$("#story").css("background-color","#c8ebb7");
			$("#errorstory").next(".ok-message").fadeIn().text("");
		}
		
		if($(":radio").val() == 0) {
		$("#direct_live").next(".error-message").fadeIn().text("sélectionne une catégorie");
		valid = false;
		}
		
		return valid;
		
		}); 
		
	});


Tout marche bien pour les vérifications champs par champs, par contre dans mon formulaire j'ai un groupe de bouton radio ayant chacun une valeur différente de 1 à 7. J'essaye à la fin de mon script de dire à jquery "Si la valeur total de tout les boutons radio est = 0, affiche un message d'erreur, donc en fait je veux qu'il affiche un message d'erreur si aucun des boutons n'a été coché.

Mais cela ne marche pas, apparament ce n'est pas comme cela qu'on procède pour une vérification de boutons radios. Il faut faire une boucle ou essayer d'obtenir la valeur autrement ?

Quelqu'un serait il éclairer ma lanterne ? Un grand merci d'avance ! Smiley biggrin
Modifié par Diox (17 Aug 2009 - 11:27)