Formulaire : vérification bouton radio

Résolu/Fermé
Gregg78 Messages postés 55 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 - 3 sept. 2015 à 16:40
Fallentree Messages postés 2295 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - 31 mai 2016 à 18:05
Bonjour à toutes et tous,

je me retrouve bloquer avec le code de mon formulaire concernant la vérification des champs RADIO. Ca fonction très bien avec les champs Texte mais pas avec les boutons Radio et Select :-(

Pouvez-vous m'aiguiller car je bloque sérieusement depuis hier soir et j'en viens à requérir de l'aide ?

Merci d'avance pour votre temps et votre aide !

Voici le code de mon script :

<script>
$().ready(function() {
// validate the form when it is submitted
var validator = $("#template-contactform").validate({
errorPlacement: function(error, element) {
// Append error within linked label
$( element )
.closest( "form" )
.find( "label[for='" + element.attr( "id" ) + "']" )
.append( error );
},


errorElement: "span",
messages: {
civilite: {
required: " (obligatoire)"
},
nom: {
required: " (obligatoire)"
},
prenom: {
required: " (obligatoire)"
},
fonction: {
required: " (obligatoire)"
},
session: {
required: " (obligatoire)"
},
email: {
required: " (obligatoire)"
}
}
});
$(".cancel").click(function() {
validator.resetForm();
});
});
</script>


Et celui de mon formulaire :

<form class="nobottommargin contactform" id="template-contactform" name="template-contactform" action="confirmation.php" method="post">
<div class="form-process"></div>
<label for="civilite" style="display:block;">Civilité <small>*</small></label>
<label class="radio horizontal">
<input type="radio" name="civilite" value="Madame" class="horizontal">
  Madame
</label>
<label class="radio horizontal">
<input type="radio" name="civilite" value="Monsieur" class="horizontal">
  Monsieur
</label>
<label class="radio horizontal">
<input type="radio" name="civilite" value="Mademoiselle" class="horizontal">
  Mademoiselle
</label>

<label for="nom">Nom <small>*</small></label>
<input type="text" id="nom" name="nom" value="nom" class="sm-form-control required" />

etc...



Donc cela fonctionne pour le champ NOM mais pas pour CIVILITE.

Ca parle sûrement à quelqu'un non ? :-)

3 réponses

Gregg78 Messages postés 55 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 4
Modifié par Gregg78 le 3/09/2015 à 16:50
Bien entendu je sais développer ce type de code :



for(i=0;i<document.contactform.frequence.length;i++)
{
if(document.contactform.frequence[i].checked == true)
{
var frequence = 1;
break;
}
else
{
var frequence = 0;
}
}
if(frequence == 0)
{alert("Veuillez choisir la frequence des visites !");
return false;}



Mais je ne voudrais intégrer la vérification dans le code actuel du site, et ne pas avoir un message d'erreur pour les champs Texte et une alerte popup pour les champs Radio :-(

Encore merci d'avance.
0
Gregg78 Messages postés 55 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 4
3 sept. 2015 à 23:40
Nobody to help me? :-(
0
Gregg78 Messages postés 55 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 4
4 sept. 2015 à 15:37
Re-bonjour, je désespère un peu de trouver une solution. J'ai essayé tout type de configuration différente mais rien n'y fait :


<script>
$().ready(function() {
// validate the form when it is submitted
var validator = $("#template-contactform").validate({
errorPlacement: function(error, element) {
// Append error within linked label
$( element )
.closest( "form" )
.find( "label[for='" + element.attr( "id" ) + "']" )
.append( error );
},

errorElement: "span",
messages: {
nom: {
required: " (obligatoire)"
},
prenom: {
required: " (obligatoire)"
},
fonction: {
required: " (obligatoire)"
},
session: {
required: " (obligatoire)"
},
email: {
required: " (obligatoire)"
},
if($("#civilite:checked").length < 1) {
required: " (obligatoire)"
}
}
});
$(".cancel").click(function() {
validator.resetForm();
});
});
</script>


Une idée pour m'aider à faire marcher ce foutu champ Civilité ?
0
Fallentree Messages postés 2295 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 207
Modifié par Fallentree le 31/05/2016 à 18:13
0