Salut à tous,
J'ai trouvé un chouette tuto sur le net me permettant de faire une vérification de mon formulaire sous cette forme:
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 !
Modifié par Diox (17 Aug 2009 - 11:27)
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 !

Modifié par Diox (17 Aug 2009 - 11:27)