J'ai écrit un bout de code qui calcule une valeur et l'affiche dans un formulaire DIV
Débutant en HTML et JAVASCRIPT, j'ai une difficulté : la fonction JS est bien appelée sur l'événement, le calcul est fait, l'affichage dans le champ DIV a lieu mais est immédiatement effacé ...
Que faire pour éviter ce reset intempestif ?
Merci de votre aide
Le bout de code :
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 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Formulaire test</title> </head> <script> function calcul_prix(nbre_lots) { var le_tarif; if (1 <=nbre_lots <= 200) {} else { alert('Le nbre de lots doit être compris entre 1 et 200'); return; } if (nbre_lots < 11){ le_tarif=130; } else { le_tarif=130 + (nbre_lots-10)*5; } document.getElementById("Tarif").focus(); document.getElementById("Tarif").value=le_tarif; //alert('Tarif = ' + le_tarif); //document.getElementById("Tarif").style.display="block"; return false; } </script> <body> <form> <form action="/ma-page-de-traitement" method="post" onsubmit="return false;"> <div> <label for="Nbre_Lots">Nbre de Lots :</label> <input type="text" id="Nbre_Lots" onchange="calcul_prix(Nbre_Lots.value);"/> </div> <div> <label for="Tarif">Tarif :</label> <input type="text" id="Tarif" /> </div> <div class="button"> <button type="submit">Envoyer votre message</button> </div> </form> </html> </body>
Partager