Formulaire + Calculatrice = deux <form>

Version imprimable

Bonjour,
Etant en difficulté avec un formulaire pourtant simple je demande de l’aide.

Voilà j’ai un formulaire basique en HTML avec envoi dans une BDD en PHP, dans celui-ci ,j’ai une calculatrice automatique qui fonctionne avec un form : <form name="frm" method="post" action="" onSubmit="return testsubmit()"> , le problème c’est que cela me fait deux <form> dans mon formulaire et que donc soit l’envoi, soit la calculatrice ne fonctionne pas, j’aimerai un coup de main pour faire cohabité les deux.

Merci à vous.

Ps: voila le script que j'utilise pour la calculatrice :
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function calcul() { document.frm.total1.value=Number(document.frm.quant1.value)*Number(document.frm.pu1.value); document.frm.totaux.value=Number(document.frm.total1.value)+Number(document.frm.total2.value)+Number(document.frm.total3.value); } </script>

Bonjour,

avez-vous essayé de valider le formulaire (frm.submit()) dans la fonction javascript ?
Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 <form name="frm" method="post" action="" onSubmit="testsubmit()"> ... </form> <script type="text/javascript"> function testsubmit() { calcul(); frm.submit(); } </script>

Bonjour et merci de votre réponse.

En faite pour evité les deux form j'ai tous simplement change le JS qui est maintenant comme cela :

Code:

1
2
3
4
5
6
7
8
9
 
<script type='text/javascript'>
function multiply(){
                var quantite=(!isNaN(document.getElementById('quant1').value))?Number(document.getElementById('quant1').value):"x";
                var prix=(!isNaN(document.getElementById('pu1').value))?Number(document.getElementById('pu1').value):"x";
               document.getElementById('total1').value=(quantite!="x" && prix!="x")?quantite*prix:'???';
                }  
 
</script>

Sachant que j'ai plusieurs ligne avec quant1 / pu1 / total1 -> quant2 / pu2 / total2 -> quant3 / pu3 / total3 etc ...

Comment faire sans multiplié par le nombre de ligne la fonction multiply()
Pour l'instant je fait comme cela, mais je pense qu'il y a plus simple, surtout je pense mettre ces ligne seulement si besoin (ajax) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
function multiply(){
				var quantite=(!isNaN(document.getElementById('quant1').value))?Number(document.getElementById('quant1').value):"x";
				var prix=(!isNaN(document.getElementById('pu1').value))?Number(document.getElementById('pu1').value):"x";
			   document.getElementById('total1').value=(quantite!="x" && prix!="x")?quantite*prix:'???';
				}
 
function multiply2(){
				var quantite2=(!isNaN(document.getElementById('quant2').value))?Number(document.getElementById('quant2').value):"x";
				var prix2=(!isNaN(document.getElementById('pu2').value))?Number(document.getElementById('pu2').value):"x";
			   document.getElementById('total2').value=(quantite2!="x" && prix2!="x")?quantite2*prix2:'???';
				}

Pour éviter la duplication de code, passer le numéro de ligne en paramètre :

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
function multiply(id){
                var quantite=(!isNaN(document.getElementById('quant'+id).value))?Number(document.getElementById('quant'+id).value):"x";
                var prix=(!isNaN(document.getElementById('pu'+id).value))?Number(document.getElementById('pu'+id).value):"x";
               document.getElementById('total'+id).value=(quantite!="x" && prix!="x")?quantite*prix:'???';
                }  
 
</script>

16/06/2016, 15h56
c3dric49000

Merci à toi c'est impeccable :)