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

Version imprimable

Salut,

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

Code:

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>

17/10/2011, 13h34
vermine

Bonjour,

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

Code:

<script language="javascript">

On utilise celle-ci :

Code:

<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:

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:

alert("Total: "+total+"\n") ;
17/10/2011, 13h48
javatwister
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:

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:

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

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

Citation:

<script type="text/javascript">

et

Citation:

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

Merci beaucoup!