Fejl i html-bestillingsformular

Det lyder som om den gør det rigtige, men hvis du skal have værdier ind i din mail skal du onsubmit tilføje noget til din action, hvordan det skal se ud kan du se her:

http://std.chbs.dk/html-4.01/mailto.php

nu har di to forms:

<FORM NAME="Bestilling_revolt" METHOD="POST" ACTION="mailto:seje_filip@hotmail.com">

<table cellspacing="20" width="600">

<tr>
      <td>
      <FORM NAME="Bestilling_revolt" METHOD="POST" ACTION="mailto:book@rvl.dk">
      <font face="tahoma" size="1"><b>

Ja, den fejl så jeg også, men det er jo ikke den, som skaber problemet !-)

-- og det er det form-tag, som står inde i tabellen (det andet !-), som skal fjernes !o]

Nåh ja, tak /cdc.

Men Roenving: Har lige været inde på linket, men jeg forstår altså ikke lige hvordan det skulle hjælpe mig. Kan du ikke forklare hvad det er du mener jeg skal skrive?

Ja. Tak. Har fjernet det ene form-tag.. Men Roenving.. ???

Du skal lave en funktion, som aktiveres lige inden afsendelse, og som overfører data til url'en ...

-- og samtidig kan man jo lige checke, om alle nødvendige felter er udfyldt !-)

Men det bliver en relativ lang kode, og den vil være afhængig af javascript !o]

Hmm... Ja, tak.. Men jeg er ikke særlig god til HTML... Og kan slet ikke finde ud af Java. Kan du hjælpe mig?

<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;0-10 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;10-20 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;20-30 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;30-40 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;40-50 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;50-60 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;60-70 år<br>
<input type="checkbox" name="Målgruppe" value="Børn">&nbsp;70-120 år<br>


på dem vil du også bare få afvide at mål gruppen er børn, ikke hvilken alder osv.

<input type="checkbox" name="Målgruppe" value="0-10 år">&nbsp;0-10 år<br>
<input type="checkbox" name="Målgruppe" value="10-20 år">&nbsp;10-20 år<br>
Osv. nedad... tak.

var så lidt. ;)

<input type="checkbox" name="Målgruppe" value="0-10 år">&nbsp;0-10 år<br>
<input type="checkbox" name="Målgruppe" value="10-20 år">&nbsp;10-20 år<br>
<input type="checkbox" name="Målgruppe" value="20-30 år">&nbsp;20-30 år<br>
<input type="checkbox" name="Målgruppe" value="30-40 år">&nbsp;30-40 år<br>
<input type="checkbox" name="Målgruppe" value="40-50 år">&nbsp;40-50 år<br>
<input type="checkbox" name="Målgruppe" value="50-60 år">&nbsp;50-60 år<br>
<input type="checkbox" name="Målgruppe" value="60-70 år">&nbsp;60-70 år<br>
<input type="checkbox" name="Målgruppe" value="70-120 år">&nbsp;70-120 år<br>

Sådan! hehe.. det var lii en smutter..

Kan du finde andre? hehe...

Prøver lige, men du har mange felter, så den er ikke lige at blive færdig med !-)

OK.. Tak skal du have..

Det var en større omgang, men den skulle være god nok nu ...

Jeg har dog ikke stresstestet al valideringen, men det kan du jo prøve at lege med, og så vende tilbage, hvis der er noget, du ikke forstår !-)

I den første linje (som starter med var url = !-) kan du ændre subject og overskrift ...

<script type="text/javascript">
function valider(f){
  var url = "?subject="+escape('Bestilling pr. mail')+"&body=BESTILLING%0A%0D%0A%0D";
 
  if(6>f.afsender.value.length){
    alert('Du skal angive navn på afsender');
    f.afsender.select();
    f.afsender.focus();
    return false;
  }
 
  url += "Afsender:"+escape(" "+f.afsender.value)+"%0A%0D";
 
  if(6>f.adresse.value.length){
    alert('Du skal angive adresse på afsender');
    f.adresse.select();
    f.adresse.focus();
    return false;
  }
 
  url += "Adresse:"+escape(" "+f.adresse.value)+"%0A%0D";
 
  if(!f.foedt.value.match(/^\d{2}\/\d{2}\-\d{2}$/)){
    alert('Du skal angive fødselsdato på afsender');
    f.foedt.select();
    f.foedt.focus();
    return false;
  }
 
  url += "Fødselsdato:"+escape(" "+f.foedt.value)+"%0A%0D";
 
  if(2>f.by.value.length){
    alert('Du skal angive by');
    f.by.select();
    f.by.focus();
    return false;
  }
 
  url += "By:"+escape(" "+f.by.value)+"%0A%0D";
 
  if(!f.postnummer.value.match(/^\d{4}$/)){
    alert('Du skal angive postnummer');
    f.postnummer.select();
    f.postnummer.focus();
    return false;
  }
 
  url += "Postnummer:"+escape(" "+f.postnummer.value)+"%0A%0D";
 
  if(8>f.telefon.value.length){
    alert('Du skal angive et telefonnummer');
    f.telefon.select();
    f.telefon.focus();
    return false;
  }
 
  url += "Telefon:"+escape(" "+f.telefon.value)+"%0A%0D";
 
  if(f.mobil.value.length>7){
    url += "Mobil:"+escape(" "+f.mobil.value)+"%0A%0D";
  }
 
  if(f.eMail.value.length>5){
    url += "E-mail:"+escape(" "+f.eMail.value)+"%0A%0D";
  }
 
  if(4>f.arrangement.value.length){
    alert('Du skal angive et arrangement');
    f.arrangement.select();
    f.arrangement.focus();
    return false;
  }
 
  url += "Arrangement:"+escape(" "+f.arrangement.value)+"%0A%0D";
 
  if(!f.dato.value.match(/^\d{2}\/\d{2}\-\d{2}$/)){
    alert('Du skal angive arrangementsdato');
    f.dato.select();
    f.dato.focus();
    return false;
  }
 
  url += "Arrangementsdato:"+escape(" "+f.dato.value)+"%0A%0D";
 
  if(!f.tidspunkt.value.match(/^\d{2}:\d{2}$/)){
    alert('Du skal angive arrangementstidspunkt');
    f.tidspunkt.select();
    f.tidspunkt.focus();
    return false;
  }
 
  url += "Arrangementstidspunkt:"+escape(" "+f.tidspunkt.value)+"%0A%0D";
 
  if(f.varighed.selectedIndex==6&&!f.varighed2.value.match(/\d+/)){
    alert('Du skal angive varighed');
    f.varighed2.select();
    f.varighed2.focus();
    return false;
  }else f.varighed2.value=(f.varighed.selectedIndex==6)?f.varighed2.value:f.varighed.value;
 
  url += "Varighed:"+escape(" "+f.varighed2.value)+"%0A%0D";
  url += "Antal gæster:"+escape(" "+f.antal.value)+"%0A%0D";
  url += "Surprise:"+escape(" "+((f.surprise[0].checked)?"Ja":"Nej"))+"%0A%0D";
 
  maal = f.maalgruppe,maalgr="";
  for(i=0;maal.length>i;i++)if(maal[i].checked)maalgr += ((maalgr.length>1)?", ":"")+maal[i].value;
 
  if(4>maalgr.length){
    alert('Du skal angive en eller flere målgrupper');
    f.maalgruppe[0].focus();
    return false;
  }
 
  url += "Målgruppe:"+escape(" "+maalgr)+"%0A%0D";

  if(f.specielle_oensker.value.length>0){
    url += "Specielle ønsker:"+escape(" "+f.specielle_oensker.value)+"%0A%0D";
  }
 
  if(f.kommentar.value.length>0){
    url += "Kommentar:"+escape(" "+f.kommentar.value)+"%0A%0D";
  }
 
  f.action += url;
  return true;
}
</script>
<form name="Bestilling_revolt" method="post" action="mailto:seje_filip@hotmail.com" onsubmit="return valider(this)">

<table cellspacing="20" width="650">

<tr>
      <td>
      <font face="tahoma" size="1"><b>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Navn:<br> <input type=TEXT name="afsender" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Adresse:<br> <input type=TEXT name="adresse" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Fødselsdato og -år: &nbsp;</b>(dd/mm-åå)<b><br> <input type=TEXT name="foedt" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
By:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Postnr:

<br>
<input type=TEXT name="by" size="17">

<input type=TEXT name="postnummer" size="4"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Telefon:<br> <input type=TEXT name="telefon" size="25"><br>

Mobil:<br> <input type=TEXT name="mobil" size="25"><br>

E-mail:<br> <input type=TEXT name="eMail" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong> 
Arrangement: &nbsp;</b>(Fest, bryllup, etc.)<b><br> <input type=TEXT name="arrangement" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Dato:&nbsp;</b>(dd/mm-åå)<b><br> <input type=TEXT name="dato" size="25"><br>

<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong> 
Tidspunkt:&nbsp;</b>(tt:mm)<b><br> <input type=TEXT name="tidspunkt" size="25"><br>


      </td>
      <td>
      <font face="tahoma" size="1"><b>
     
     
<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
        Varighed:
           
<br>
<select name="varighed" onchange="if(this.selectedIndex==6){this.form.varighed2.style.visibility='visible'}else{this.form.varighed2.style.visibility='hidden'}">
<option value="30">30 min.</option>
<option value="45">45 min.</option>
<option value="60">60 min.</option>
<option value="2x15">2 x 15 min.</option>
<option value="2x20">2 x 20 min.</option>
<option value="2x30">2 x 30 min.</option>
<option value="anden">Anden - Angiv herunder:</option>
</select>


<br>
<input type="text" name="varighed2" style="visibility:hidden"> min.
     
<br><strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
      Antal gæster:
<br>
<select name="antal">
<option value="under100">under 100</option>
<option value="100-200">100-200</option>
<option value="200-500">200-500</option>
<option value="500-1000">500-1000</option>
<option value="1000-2000">1000-2000</option>
<option value="2000-5000">2000-5000</option>
<option value="over5000">over 5000</option>
</select>


<br>
<br>

    Surprise:
<br>
<input type="radio" name="surprise" value="Ja">Ja&nbsp;&nbsp;
      <input type="radio" name="surprise" value="Nej" checked>Nej 
   
     
<br>
<br>
<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Målgruppe:<br>
<br>
<input type="checkbox" name="maalgruppe" value="0-10 år">&nbsp;0-10 år<br>
<input type="checkbox" name="maalgruppe" value="10-20 år">&nbsp;10-20 år<br>
<input type="checkbox" name="maalgruppe" value="20-30 år">&nbsp;20-30 år<br>
<input type="checkbox" name="maalgruppe" value="30-40 år">&nbsp;30-40 år<br>
<input type="checkbox" name="maalgruppe" value="40-50 år">&nbsp;40-50 år<br>
<input type="checkbox" name="maalgruppe" value="50-60 år">&nbsp;50-60 år<br>
<input type="checkbox" name="maalgruppe" value="60-70 år">&nbsp;60-70 år<br>
<input type="checkbox" name="maalgruppe" value="70-120 år">&nbsp;70-120 år<br>

<br>
     
     
      </td>
              <td>
              <font face="tahoma" size="1"><b>
                           
Specielle ønsker:<br>
<textarea name="specielle_oensker" rows="2" cols="20">
</textarea>



<br>
Kommentar:<br>
<textarea name="kommentar" rows="2" cols="20">
</textarea>
     
     
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="justify">
<strong><font face="Tahoma" color="#ff0000" size="1">*</font></strong>
Bemærk! Alle punkter
mærket
<br>med en rød stjerne, skal udfyldes!
    </p> 

<input type="Submit" value="Send">
<input type="Reset" value="Slet">
             
</td>     
</tr>
</table>

</form>

Bemærk også at jeg fik fjernet et par problemer med feltnavne, som ikke dur i javascript ...

OK... TUSIND MANGE TAK!

JAH DA!!! DET VAR JO LIGE DET JEG SKULLE BRUGE!!!

Ja, ja, tag det nu med ro ...

(Det anses jo for ubehøvlet at råbe = skrive med store bogstaver !-)

-- jeg håber også at de små finurligheder, som f.eks. det ekstra felt, når man vælger en anden spilletid, er noget du kan bruge !o]

Hey, det havde jeg jo ikke engang set!! JUHUUUUUUUUU!!! Haha..
Tak for hjælpen!

Men kig nu valideringen grundigt igennem, så du er sikker på, at den reagerer som du forventer det !-)

-- og velbekomme '-)

-- og tak for points ;~}