Tilpasning af formular der benytter javascript
Min formular beregner summen af flere varer samt den totale sum med og uden moms.Problemet er at den mail der bliver sendt ved bestilling indeholder alle varer. Også dem der ikke er bestilt. Hvis formularen indeholder flere varer bliver mailen da ret svær at overskue.
Hvordan tilpasser jeg formularen så det kun er de varer der er bestilt 1 eller flere af der bliver submittet?
For de varer der bliver bestilt skal der tilgengæld både sendes vare-nr, vare-navn, pris og summeret pris. Og så total sum med og uden moms til sidst (som det er nu)
Håber nogen kan hjælpe mig
Formular og script følger:
<html>
<head>
<title>Varebestilling</title>
<link rel="stylesheet"
href="stylesheed2.css"
type="text/css">
<title>Automatisk udfyld tekstfelter i formular</title>
<script language="javascript" type="text/javascript">
numFields = 4;
function beregn(fld){
if(!fld.value.match(/^\d+\.?\d*$/)){
alert('Ugyldigt antal angivet');
fld.value = fld.defaultValue;
return false;
}
var num = fld.name.substring(5);
var p = document.getElementById("Pris"+num).value;
var s = document.getElementById("Sum"+num);
var ialt = document.getElementById("Ialt0");
var ialt1 = document.getElementById("Ialt1");
var pris = p;
if(p.indexOf(",-")>-1){
pris = p.substring(0,p.indexOf(",-"));
}else{
komma = p.indexOf(",")
if(p.indexOf(",")>0){
pris = (p.substring(0,komma)+"."+p.substring(komma+1));
}
}
pris = +pris;
var sum = pris*fld.value;
s.value = formatNum(sum);
sum = 0;
for(i=1;numFields+1>i;i++){
sum += +document.getElementById("Sum"+i).value
}
ialt.value = formatNum(sum);
ialt1.value = formatNum(sum*1.25);
}
function formatNum(t){
if((""+t).length>(""+t).indexOf(".")+3)t=(Math.round(t*100))/100;
if((""+t).indexOf(".")==-1)t=t+".00";
if((""+t).indexOf(".")+2==(""+t).length)t=t+"0";
return t;
}
</script>
</head>
<body bgcolor="white" background="grafik/back__right.jpg">
<script type="text/javascript">
var sbmit = true;
function validering(elmName,msg)
{
if (document.forms[0].elements[elmName].value.search(/\S/ig) == -1) {
alert(msg);
sbmit = false;
return false;
}
else return true;
}
</script>
<form name="form1" method="post" action="http://formmail.digiweb.dk/script/FormMail.pl" onsubmit="alert('Bestillingen bliver nu sendt !-)');return false">
<input type="hidden" name="recipient" value="info@aktern.dk">
<input type="hidden" name="subject" value="Online varebestilling">
<input type="hidden" name="redirect" value="http://www.aktern.dk/aktern/varebestilling-takfor.htm">
<input type="hidden" name="env_report" value="REMOTE_HOST, HTTP_USER_AGENT, REMOTE_ADDR">
<table width="100%" border="0">
<tr height="30" valign="bottom">
<td><div class="tekst2">Perclor</div></td>
</tr>
</table>
<table class="field_table" width="100%"><tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="36" class="td_form" width="" align="left">0453</td>
<td class="td_form" width="" align="left">Perchlor, 32,6 kg</td>
<td width="30" class="td_form" align="left">Pris:</td>
<input id="vare1" name="vare1" type="hidden" value="Perchlor, 32,6 kg">
<td width="56" class="td_form" align="left"><input id="Pris1" name="Pris1" type="text" value="421,00" size="5" style="text-align:right;" READONLY> </td>
<td class="td_form" width="35" align="right">Antal:</td>
<td width="35" class="td_form" width="" align="right"><input id="Antal1" name="Antal1" type="text" value="" onchange="beregn(this);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="1"></td>
<td class="td_form" width="30" align="right">Ialt:</td>
<td width="68" class="td_form" align="right"><input id="Sum1" name="Sum1" type="text" value="" size="6" style="text-align:right;" READONLY> </td>
</tr>
<tr>
<td width="36" class="td_form" width="" align="left">0453</td>
<td class="td_form" width="" align="left">Perchlor, 32,6 kg v/ 5-9 stk.</td>
<td width="30" class="td_form" align="left">Pris:</td>
<input id="vare2" name="vare2" type="hidden" value="Perchlor, 32,6 kg v/ 5-9 stk.">
<td width="56" class="td_form" align="left"><input id="Pris2" name="Pris2" type="text" value="399,95" size="5" style="text-align:right;" READONLY> </td>
<td class="td_form" width="35" align="right">Antal:</td>
<td width="35" class="td_form" width="" align="right"><input id="Antal2" name="Antal2" type="text" value="" onchange="beregn(this);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="1"></td>
<td class="td_form" width="30" align="right">Ialt:</td>
<td width="68" class="td_form" align="right"><input id="Sum2" name="Sum2" type="text" value="" size="6" style="text-align:right;" READONLY> </td>
</tr>
<tr>
<td width="36" class="td_form" width="" align="left">0453</td>
<td class="td_form" width="" align="left">Perchlor, 32,6 kg v/10 stk. og derover</td>
<td width="30" class="td_form" align="left">Pris:</td>
<input id="vare3" name="vare3" type="hidden" value="Perchlor, 32,6 kg v/10 stk. og derover">
<td width="56" class="td_form" align="left"><input id="Pris3" name="Pris3" type="text" value="378,90" size="5" style="text-align:right;" READONLY> </td>
<td class="td_form" width="35" align="right">Antal:</td>
<td width="35" class="td_form" width="" align="right"><input id="Antal3" name="Antal3" type="text" value="" onchange="beregn(this);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="1"></td>
<td class="td_form" width="30" align="right">Ialt:</td>
<td width="68" class="td_form" align="right"><input id="Sum3" name="Sum3" type="text" value="" size="6" style="text-align:right;" READONLY> </td>
</tr>
<tr>
<td width="36" class="td_form" width="" align="left">0454</td>
<td class="td_form" width="" align="left">Perchlor, 332 kg</td>
<td width="30" class="td_form" align="left">Pris:</td>
<input id="vare4" name="vare4" type="hidden" value="Perchlor, 332 kg">
<td width="56" class="td_form" align="left"><input id="Pris4" name="Pris4" type="text" value="3751,60" size="5" style="text-align:right;" READONLY> </td>
<td class="td_form" width="35" align="right">Antal:</td>
<td width="35" class="td_form" width="" align="right"><input id="Antal4" name="Antal4" type="text" value="" onchange="beregn(this);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="1"></td>
<td class="td_form" width="30" align="right">Ialt:</td>
<td width="68" class="td_form" align="right"><input id="Sum4" name="Sum4" type="text" value="" size="6" style="text-align:right;" READONLY> </td>
</tr>
</table>
</table>
<table width="100%" border="0" padding="3">
<tr>
<td align="left">
<input type="submit" value="Send bestilling">
</td>
<td align="right">
<input type="reset" value="Nulstil felter">
</td>
</tr>
</table>
</form>
</body>
</html>
