Validation formulaire : affiche image devant réponses justes ou fausse

Marsh Posté le 10-11-2008 à 15:06:17

Bonjour à tous,

Voila mon soucis : j'ai un formulaire avec des "groupes" de boutons radio sur lesquels je dois effectuer un controle : si ils sont cochés.

Quand je dis groupe de bouton c'est tout simplement que pour une question, il y a plusieurs réponses proposées mais un seul choix possible. Et il y a donc une dizaine de questions pour lesquelles une réponse est obligatoire.

Donc lorsque l'utilisateur va valider le formulaire, si il manque un bouton radio de coché, je veux qu'un message apparaisse comme quoi il manque une ou des réponses et que en face de chaque question auxquelle il n'aurait pas répondu, une image (genre une croix rouge) apparaisse, et inversement, qu'un "tic" vert apparaisse devant chaque question validée.

je pense qu'il faut utiliser le style display pour rendre visible lors de la validation du formulaire les images, mais je ne sais pas comment m'y prendre en javascript.

je vous remercie par avance de votre aide qui va m'être indispensable !

Reply

Marsh Posté le 10-11-2008 à 15:06:17

Reply

Marsh Posté le 10-11-2008 à 19:02:54

essay de voir en jQuery (librairie js) c'est comme ca que je vais vérifié si les champs obligatoires d'un des mes formulaires sont bien remplis
doc et telechargement (en) => http://docs.jquery.com/Main_Page
avec un systeme de div dans ce genre et un evenement radio activé ca devrait le faire :
exemple en CSS :

Code :

.obligatoire (ou si chaque partie de ton questionnaire a déja une div : .(#)tadiv obligatoire) {
[ta mise en forme...]
}
.ton_image{
background_image:tickvert.gif
[suite de ta mise en forme...]}

exemple dans ton code :

Code :

<div class="obligatoire">
Question N°1 :
<input type="radio" value="0" name="toto" /> toto
<input type="radio" value="1" name="bo_bateau"/> beau bateau
</div>

exemple en jQuery :

Code :

$(".obligatoire" ).click
(
function()
{
$(".ton_image" ).show();
}
);

je suis pas sur pour le jQuery, le mieux c'est que tu regarde la doc mais il me semble que ca devrait être un truc comme ca...

désolé je ne peux pas plus t'aider sur ce coup...

j'espere que ca aura fait avancer le shmilblik...

Message édité par jazon14 le 10-11-2008 à 19:04:40

---------------
C'est lorsqu'on a tout perdu qu'on est libre de faire tout ce que l'on veut...(Edward Norton, Fight Club)

Reply

Marsh Posté le 12-11-2008 à 10:33:10

Salut jazon14,

Merci pour ta réponse mais je ne vois pas comment utiliser le javascript pour pour rendre visible ou invisible les div en cas d'oubli !

Merci

Reply

Validation formulaire : affiche image devant réponses justes ou fausse

Sujets relatifs:

Leave a Replay