Formulaire calcul javascript débutant [Résolu]
badziz
- Messages postés
- 62
- Date d'inscription
- jeudi 11 mai 2006
- Statut
- Membre
- Dernière intervention
- 28 juin 2011
- Messages postés
- 4934
- Date d'inscription
- samedi 1 juillet 2006
- Statut
- Membre
- Dernière intervention
- 2 février 2015
A voir également:
- Calcul javascript formulaire
- Afficher resultat calcul javascript - Meilleures réponses
- Javascript debutant - Meilleures réponses
- Javascript : Une calculatrice javascript - CodeS SourceS - Guide
- Javascript : Formulaire slide show - CodeS SourceS - Guide
- Javascript : Formulaire - aide à la saisie - CodeS SourceS - Guide
- Javascript : Calculatrice javascript - CodeS SourceS - Guide
- Javascript : Formulaire de contact avec masque de saisi, recuperation données, envoi mail des - Guide
11 réponses
Meilleure réponse
- Messages postés
- 62
- Date d'inscription
- jeudi 11 mai 2006
- Statut
- Membre
- Dernière intervention
- 28 juin 2011
J'ai utilisé: <form name="frm" onsubmit="valider(); return false;"> et ça fonctionne parfaitement. Merci pour votre aide! C'est parfait.
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
198 internautes nous ont dit merci ce mois-ci
- Messages postés
- 4934
- Date d'inscription
- samedi 1 juillet 2006
- Statut
- Membre
- Dernière intervention
- 2 février 2015
<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());"> ...
- Messages postés
- 62
- Date d'inscription
- jeudi 11 mai 2006
- Statut
- Membre
- Dernière intervention
- 28 juin 2011
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>