Formulaire calcul javascript débutant [Résolu]
A voir également:
- Calcul javascript formulaire
- Afficher resultat calcul javascript - Meilleures réponses
- Javascript debutant - Meilleures réponses
- Calcul de somme dans un formulaire - Forum - Javascript / DHTML
- Calcul dans un formulaire - Forum - Javascript / DHTML
- Javascript : Une calculatrice javascript - CodeS SourceS - Guide
- Javascript : Calculatrice simple - CodeS SourceS - Guide
- Calcul de prix dans un formulaire multiple !! ✓ - Forum - Javascript / DHTML
11 réponses
J'ai utilisé: <form name="frm" onsubmit="valider(); return false;"> et ça fonctionne parfaitement. Merci pour votre aide! C'est parfait.
J'ai essayé de changer par:
f.pr_charg.innerHTML = res_1;
et dans la partie html:
<td>Reste à vivre:
%</td>
Mais ça ne fonctionne pas, j'ai du oublier quelque chose...
f.pr_charg.innerHTML = res_1;
et dans la partie html:
<td>Reste à vivre:
%</td>
Mais ça ne fonctionne pas, j'ai du oublier quelque chose...
>>f.pr_charg.innerHTML
le div n'a pas de name mais un id :
document.getElementById("pr_charg").innerHTML=res_1;
@+
le div n'a pas de name mais un id :
document.getElementById("pr_charg").innerHTML=res_1;
@+
ok merci ça a l'air de fonctionner par contre l'affichage ne dure qu'un bref instant et ensuite tout le formulaire se remet à 0, pourquoi?
<form name="form"> ...
ton formulaire est soumis, envoyée à la même page
car pas d'action= ( elle est rechargée )
un formulaire c'est fait pour être envoyé... normalement.
évite les name= à des noms connus !! form ici !
un jour ou l'autre ça te jouera des tours...
c'est onclick pas on_click !
d'ailleurs tu n'utilises pas une chose normale/standard... pour le submit !
pas de onclick ! et action manque
<form action="page à qui envoyer.htm ou php ou.... "
name="frm" onsubmit="return (valider());"> ...
le formulaire sera envoyé vers ce qu'il y a dans action si la fonction
retourne true, non envoyé sin elle retourne false
si tu ne veux jamais envoyer ( on utilise rarement un bouton submit
dans ce cas ) mais
<form name="frm" onsubmit="void(valider());"> ...
ton formulaire est soumis, envoyée à la même page
car pas d'action= ( elle est rechargée )
un formulaire c'est fait pour être envoyé... normalement.
évite les name= à des noms connus !! form ici !
un jour ou l'autre ça te jouera des tours...
c'est onclick pas on_click !
d'ailleurs tu n'utilises pas une chose normale/standard... pour le submit !
pas de onclick ! et action manque
<form action="page à qui envoyer.htm ou php ou.... "
name="frm" onsubmit="return (valider());"> ...
le formulaire sera envoyé vers ce qu'il y a dans action si la fonction
retourne true, non envoyé sin elle retourne false
si tu ne veux jamais envoyer ( on utilise rarement un bouton submit
dans ce cas ) mais
<form name="frm" onsubmit="void(valider());"> ...
pour le on_click pas de soucis c'était bien onClick dans mon code ;)
Pour ce qui est d'envoyé le formulaire, justement celui là ne doit pas être envoyé et simplement afficher les résultats.
J'ai fait les changements mais apparemment toujours le même problème. Voila ce que mon code donne:
<script type= "text/javascript">
function valider(){
f = document.frm;
var total_revenus,total_charges,total_credits,res_1,res_2,res_3,resultat = 0;
total_revenus = parseInt(f.rev_emp.value) + parseInt(f.rev_coemp.value) + parseInt(f.rev_autres.value);
total_charges = parseInt(f.chg_pensions.value) + parseInt(f.chg_autres.value);
total_credits = parseInt(f.remb1.value) + parseInt(f.remb2.value) + parseInt(f.remb3.value);
if(total_revenus == 0){
alert("Veuillez indiquer au moins un revenu.");
f.rev_emp.focus();
return false;
}
res_1 = Math.round((total_charges / total_revenus)*100);
res_2 = Math.round((total_credits / total_revenus)*100);
res_3 = (100 - (res_1 + res_2));
resultat = res_1+res_2;
document.getElementById("resultat").innerHTML=resultat;
document.getElementById("pr_charg").innerHTML=res_1;
document.getElementById("pr_cred").innerHTML=res_2;
document.getElementById("reste").innerHTML=res_3;
}
</script>
</head>
Calcul
<form name ="frm" onSubmit="void(valider());" action="taux_endettement.html">
----
Revenus nets,
----
Revenu mensuel emprunteur :,
€,
----
Revenu mensuel co-emprunteur :,
€,
----
Autres revenus mensuels récurrents :,
€,
----
,
----
Autres charges,
----
Pension alimentaire versée :,
€,
----
Autres charges récurrentes :,
€,
----
Crédits,
Remboursement,
----
1),
€/mois,
----
2),
€/mois,
----
3),
€/mois,
----
,
----
Selon les informations que vous nous avez données, votre taux est de,
----
Calcul du pourcentage des charges par rapport au revenu:
%,
----
Calcul du pourcentage du/des crédits par rapport au revenu:
%,
----
Reste à vivre:
%
</form>
Pour ce qui est d'envoyé le formulaire, justement celui là ne doit pas être envoyé et simplement afficher les résultats.
J'ai fait les changements mais apparemment toujours le même problème. Voila ce que mon code donne:
<script type= "text/javascript">
function valider(){
f = document.frm;
var total_revenus,total_charges,total_credits,res_1,res_2,res_3,resultat = 0;
total_revenus = parseInt(f.rev_emp.value) + parseInt(f.rev_coemp.value) + parseInt(f.rev_autres.value);
total_charges = parseInt(f.chg_pensions.value) + parseInt(f.chg_autres.value);
total_credits = parseInt(f.remb1.value) + parseInt(f.remb2.value) + parseInt(f.remb3.value);
if(total_revenus == 0){
alert("Veuillez indiquer au moins un revenu.");
f.rev_emp.focus();
return false;
}
res_1 = Math.round((total_charges / total_revenus)*100);
res_2 = Math.round((total_credits / total_revenus)*100);
res_3 = (100 - (res_1 + res_2));
resultat = res_1+res_2;
document.getElementById("resultat").innerHTML=resultat;
document.getElementById("pr_charg").innerHTML=res_1;
document.getElementById("pr_cred").innerHTML=res_2;
document.getElementById("reste").innerHTML=res_3;
}
</script>
</head>
Calcul
<form name ="frm" onSubmit="void(valider());" action="taux_endettement.html">
----
Revenus nets,
----
Revenu mensuel emprunteur :,
€,
----
Revenu mensuel co-emprunteur :,
€,
----
Autres revenus mensuels récurrents :,
€,
----
,
----
Autres charges,
----
Pension alimentaire versée :,
€,
----
Autres charges récurrentes :,
€,
----
Crédits,
Remboursement,
----
1),
€/mois,
----
2),
€/mois,
----
3),
€/mois,
----
,
----
Selon les informations que vous nous avez données, votre taux est de,
----
Calcul du pourcentage des charges par rapport au revenu:
%,
----
Calcul du pourcentage du/des crédits par rapport au revenu:
%,
----
Reste à vivre:
%
</form>
bonjour
c'est ta facon d'appeler la function qui est mauvaise
normalement de cette facon ca devrait marcher
'>resultat
c'est ta facon d'appeler la function qui est mauvaise
normalement de cette facon ca devrait marcher
'>resultat
<form name="frm" onsubmit="valider(); return false;">
si pas d'envoi, action inutile.
sans préjuger du reste....
si pas d'envoi, action inutile.
sans préjuger du reste....