Un script qui calcule la somme des montants d'un formulaire

**akaquane** · 17/10/2011, 13h16

Salut,

j'ai un problème pour afficher cette somme. J'suis trop nul en JS !

Voici un exemple:

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
21
22
23
24
25
26
27
28
29
30
31
32
33
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <script language="javascript">
        function check(){
        var form = document.getElementById("form");
        var total= parseInt(form.MONT1.value) + parseInt(form.MONT2.value);// ...
        alert(Total: "+total"\n) ;
        }
        </script>
        <body>
        <form id="form" bgcolor="#6CF" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="application/x-www-form-urlencoded" onsubmit="return confirm('Confirmez?')">
        <fieldset >
        <legend></legend>
        <table bgcolor=#CFC>
        <tr>
        <td width="150">MONT1 </td>
        <td width="10"><input type="text" name="MONT1" size="20" maxlength="25"/></td></tr>
        <tr>
        <td>MONT2 </td>
        <td><input type="text" name="MONT2" size="20" maxlength="25"/></td></tr>
        <tr>
        <td><input type="reset" value=" Effacer " /></td>
        <td><input type="button" onclick="check()" value="total"/></td>
        </tr>
        </table>
        </fieldset>
        </form>
        </body>
        </html>

**vermine** · 17/10/2011, 13h34

Bonjour,

Tout d'abord, cette syntaxe n'est plus bonne :

Code :

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

<script language="javascript">

On utilise celle-ci :

Code :

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

<script type="text/javascript">

Ensuite, vous n'avez pas besoin de récupérer le formulaire. Vous ne devez pas mettre un id sur le formulaire mais un name. Le plus facile reste de mettre des id sur les champs et de les récupérer ainsi :

Code :

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

document.getElementById("champ1").value

Puis, le parseInt demande une base 10 en second argument. Utilisez le parseFloat, je pense qu'il y moins de problème avec celui-là.

Et pour finir, il manque des bouts ici :

Code :

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

alert("Total: "+total+"\n") ;

**javatwister** · 17/10/2011, 13h48

ah ben en effet, y a du boulot...

vermine: attention, id est tout à fait judicieux pour un form, ce qui n'est pas le cas de name;

sinon, akaquane, tu ne fais pas les chose vraiment simplement, je trouve;

bref, en simplifiant, tu as ça:

Code :

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

1
2
3
4
<input type="text" name="mont1" size="20" maxlength="25" />
<input type="text" name="mont2" size="20" maxlength="25" />        
 
<input type="button" onclick="check(this.form)" value="total" />

(valeurs d'attributs en minuscule, merci)

et ta fonction peut se résumer à ça:

Code :

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

1
2
3
function check(f){
        alert("total= " + parseInt(f.elements["mont1"].value, 10) + parseInt(f.elements["mont2"].value, 10))
}

**akaquane** · 17/10/2011, 13h53

C'est bon!C'est réglé! C'était juste un problème de syntaxe :

et

alert("Total: "+total+"\n") ;

Merci beaucoup!

Un script qui calcule la somme des montants d'un formulaire

JavaScript

Discussions similaires

Partager

Partager