Discussion :

[dmoluc]

bonjour
j'ai cherché tout le matin comment empêcher un bouton de type submit d'effacer les zones de textes lors de la validation.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<form name="inscription">
  <div class="qcm" id="questions0">
 
    <p> <input id="NomDeFamille" type="text" name="champ1" placeholder="NOM DE FAMILLE" required /> <input id="Prenom" type="text"  placeholder="PRENOM" required /><br><br>
 
    <input id="courriel" type="text"  placeholder="courriel" required /> <input id="Tel" type="text" placeholder="Telephone" required /><br><br>
 
	<input id="rue" type="text"  placeholder="Rue" required /> <input id="Numero" type="text"  placeholder="Numero de maison" /><br><br>
 
    <input id="CodePostal" type="text"  placeholder="code Postal" required /> <input id="Ville" type="text"  placeholder="Ville" required /><br><br>
 
    <input type="text"  placeholder="entreprise" required /> <input id="motdepasse" type="text"  placeholder="Mot de passe"  required /></p>
 
 <input type="radio" name="question0" id="reponse0a" >
 
   <li><input type="submit"  value="Commencer le Test"  onsubmit="return valide()"; /></li>
 
  </div>
</form>

la vérification des zones de texte est faites mais quand j'appelle avec onsubmit la fonction valide(), les zones de textes s'effacent alors que je voudrais les conservées. j'ai essayé onclick sans plus de résultat
noter pour ceux qui sont allergique aux banière périmées que j'ai viré<center> et rediger un css finalement sans trop de problème mais là je coince
merci pour votre aide

[arthur57]

Bonjour,

Dans l'autre sens peut-être : récupérer les valeurs une fois l'action submit effectuée ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form name = "inscription" method="POST" action="traitement.php">
    <input type="texte" id="champ1" value="<?php if (isset($_POST['champ1'])){echo $_POST['champ1'];} ?>" />   
    <input type="submit" value="Commencer le Test" />
</form>

Il serait aussi intéressant de voir ta fonction valide()

Cordialement.

[ProgElecT]

Salut

Hors mis l'effacement, pour récupérer tous tes inputs dans la variable tableau $_POST[], il faut que tous tes inputs aient un attribut name, pour l'instant tu ne peux que récupérer $_POST['champ1'] et $_POST['question0'].

[bonjourajax]

Bonjour

La question est plutôt quel est le code javascript utilisé pour récupérer le formulaire?
(Ce qui doit expliquer le manque d'attribut name)

Et quel est celui utilisé pour que les champs soient "enregistrés"?
Ah oui y a plus la balise <center> !

[dmoluc]

en fait pour le moment je ne veux pas utiliser de php car je n'y connais absolument rien. j'avais pensé remplir les champs d'inscription, puis passé au questions du QCU, enregistrer dans un tableau si la réponse est bonne ou mauvaise, mettre un bouton poster au bas du tableau qui ouvrirait le logiciel de messagerie par défaut, écrirait les champs précédemment remplis ainsi que le tableau et envoyer tout ça à une adresse définie...
peu être que je ne suis pas sur le bon chemin car c'est la première fois que j'essais de créer une petite appli javascript. Bien sur le javascript est plein inconvénients mais les ordinateurs utilisés pour réalisés le qcm ne devraient pas posés de problème

pour ce qui est du bouton submit, je viens de m’apercevoir que si ja clique 2 fois ça lance le script, champ remplis comme vide...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<script type="text/javascript">
document.getElementById("reponse0a").style.display = "none";
var questionEnCour = 0; 
 
 
 
var maintenant=new Date();
var jour=maintenant.getDate();
var mois=maintenant.getMonth()+1;
var an=maintenant.getFullYear();
 
document.forms["DateM"].elements["element1"].value=(jour);
document.forms["DateM"].elements["element2"].value=(mois);
document.forms["DateM"].elements["element3"].value=(an);
 
        var tableauDesReponses = [
 
		//le tableau ci dessous renvoit bien les réponses
				["reponse0a", "Vous allez commencer le QCU, 4 réponses, un seul choix possible et quarante questions"],
                ["reponse1b", "la bonne réponse est 0,10 km"], 
                ["reponse2b", "la bonne réponse est 100 hm"], 
                ["reponse3c", "la bonne réponse est 1 hectare"],
				["reponse4b", "la bonne réponse est 10 000 litres"],
				["reponse5c", "la bonne réponse est 10 mililitres"],
				["reponse6b", "la bonne réponse est 10 quintaux"],
				["reponse7b", "la bonne réponse est 1 000 tonnes"],
				["reponse8b", "la bonne réponse est 90 degrés"],
				["reponse9c", "la bonne réponse est 360 degrés"],
				["reponse10b", "la bonne réponse est 2,415 heures"],
				["reponse11b", "la bonne réponse est 0,5 min"],
				["reponse12c", "la bonne réponse est 200 m²"],
				["reponse13c", "la bonne réponse est 28,28 m m²"],
				["reponse14b", "la bonne réponse est 400 m²"],
				["reponse15b", "la bonne réponse est 125,66 m"],
				["reponse16a", "la bonne réponse est 300 m"],
				["reponse17a", "la bonne réponse est 12 m³"],
				["reponse18a", "la bonne réponse est 50 m"],
				["reponse19b", "la bonne réponse est 24 cm"],
				["reponse20c", "la bonne réponse est 1/50"],
				["reponse21a", "la bonne réponse est essentiellement planimétrique"],
				["reponse22a", "la bonne réponse est essentiellement altimétrique"],
				["reponse23b", "la bonne réponse est par rapport au niveau moyen de la mer méditéranée"],
				["reponse24b", "la bonne réponse est la lecture arrière"],
				["reponse25a", "la bonne réponse est 100.40"],
				["reponse26c", "la bonne réponse est une pelle hydraulique"],
				["reponse27a", "la bonne réponse est un bouteur"],
				["reponse28b", "la bonne réponse est un tombereau"],
				["reponse29a", "la bonne réponse est un finisseur"],
				["reponse30c", "la bonne réponse est une niveleuse"],
				["reponse31b", "la bonne réponse est la largeur du godet"],
				["reponse32a", "la bonne réponse est 10 %"],
				["reponse33c", "la bonne réponse l'amiante ciment"],
				["reponse34a", "la bonne réponse la chaux vive"],
				["reponse35b", "la bonne réponse est 130 °C"],
				["reponse36b", "la bonne réponse est une couche d'accrochage"],
				["reponse37a", "la bonne réponse est toutes celles qui sont fournies par l'entreprise"],
				["reponse38c", "la bonne réponse est 100 m"],
				["reponse39b", "la bonne réponse est 10 m"],
				["reponse40a", "la bonne réponse est que l'on a respectées les exigences du client"],
				["reponse41a", "Le questionnaire est terminé."],
				];
 
 
 
document.getElementById("questions" + questionEnCour ).style.display = "block";//affiche bien la première question
 
if (questionEnCour ===0) 
{document.getElementById("JeValide").style.display = "none";
alert(tableauDesReponses[questionEnCour][1]);}
 
else {document.getElementById("JeValide").style.display = "block";
     document.getElementById("JeValide").addEventListener("click", function("event")ValiderQ();}
 
 
 
                function ValiderQ() {
                        if (document.getElementById(tableauDesReponses[questionEnCour][0]).checked) {
                                alert("Bonne réponse");
								questionSuivante();
                          }
                          else {
                                alert(tableauDesReponses[questionEnCour][1]);
 
                        questionSuivante();}
 
                }
 
 
 
               function questionSuivante() {
 
                                document.getElementById("questions" + questionEnCour).style.display = "none";
                                questionEnCour++; //on passe à la question suivante
                                document.getElementById("questions" + questionEnCour).style.display = "block";
                        }
 
          </script>

pour le moment les scripts ne traitent pas l'envoi des résultats car je suis toujours bloquer sur le bouton submit qui efface les champs sans appeler le script

[bonjourajax]

Le script s'arrete a ce moment

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms["DateM"].elements["element1"].value=(jour);

[dmoluc]

pourtant la date complète est bien écrite sur la page, pour une fois que j'avais trouver quelque chose qui fonctionnait

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><input type="submit"  value="Commencer le Test"  onsubmit="return questionSuivante()"; /></li>

sinon j'ai remplacé la fonction appelée car je n'ai pas besoin des résultat pour la première question, mais aucun effet

[dmoluc]

en javascript l'action passe tout le script en revue de bas en haut et exécute ce qu'elle trouve, se qui expliquerait les mystères ou comme en VB.net ça ne tient compte que de la fonction appelée?
je ne sais pas exécuter le script ligne à ligne juste isolé les lignes qui font planté le script. Peu t on utiliser visual studio pour peu être faire tourner la page ligne par ligne ?

[NoSmoking]

Bonjour,
@bonjourajax :

Le script s'arrete a ce moment

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms["DateM"].elements["element1"].value=(jour);

Non que nenni !!! une paires de parenthèses, même si non nécessaire ici, représente un opérateur de groupement et n'empêcheront pas le script de fonctionner.

@dmoluc : ce que tu rencontres est le comportement normal d'un formulaire lorsque l'on appui sur un bouton submit, la page est rechargée donc les champs « resettés » .
Si tu ne veux rien soumettre, si j'ai plus ou moins saisie ce que tu cherches à faire, supprime ton formulaire

[dmoluc]

je vais essayer autrement car je veux garder les données saisies pour plus tard, alors je vais bidouiller un bouton classique et vérifier les zones de texte avec des si