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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Validation formulaire : affiche image devant réponses justes ou fausse

axelandre

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 !

Publicité

jazon14

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)

axelandre

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Pb bouton-image avec php [résolu]	Insertion d'image par des user
[résolu] Image ne s'affichant qu'après actualisation de la page	[Résolu][JDBC] Insertion image base de données Oracle 9i
Agrandir une image au survol de la mignature: Problème	Répeter une image verticalement et vers le bas.
formulaire en Flash, traitement en Java, retour vers Flash	[Résolu]Débordement d'image dans pdf générer par FOP
Insérer une image dans un tableau	Afficher le résultat d'un formulaire dans une iframe [résolu 2FOIS]
Plus de sujets relatifs à : Validation formulaire : affiche image devant réponses justes ou fausse

Page générée en 0.045 secondes