Avatar billede holckie Nybegynder
22. april 2004 - 10:59 Der er 5 kommentarer

Besked til bruger efter indtastning af formular

Hej
Jeg har lavet en formular, hvor det er muligt at lave en bestilling.

Hvordan får jeg givet brugeren en besked om at "bestillingen" er modtaget, når formularen er sendt?
Som det er lavet nu, så bliver formularen stående med de indtastninger, som brugeren har lavet. Det kan derfor være svært for brugeren at vide, om formularen er sendt rigtigt!

Håber der er nogle, der kan hjælpe med et svar!
På forhånd tak!

-----------------------------------------------------------------

<html>
<head>
<title>Bestilling</title>

<script language="javascript">
<!-- skjuler scriptet fra ældre browsere

function validering(em) {
Navn = document.em.Navn.value;
if  (Navn.length <1) {
alert ("Indtast venligst dit navn");
document.em.Navn.focus();
return false;
}

Adresse = document.em.Adresse.value;
if  (Adresse.length <1) {
alert ("Indtast venligst din adresse");
document.em.Adresse.focus();
return false;
}

Postnr = document.em.Postnr.value;
for (t=0; t<Postnr.length; t++) {

Postnr2 = Postnr.charAt (t);
if (! (Postnr2 >="0" && Postnr2 <="9")) {
alert ("Indtast venligst dit postnummer. Postnummeret må kun indeholde tal");
document.em.Postnr.focus();
return false;
}
}

if (Postnr.length !=4) {
alert ("Indtast venligst dit postnummer. Postnummeret skal bestå af 4 cifre");
document.em.Postnr.focus();
return false;
}

By = document.em.By.value;
if  (By.length <1) {
alert ("Indtast venligst din by");
document.em.By.focus();
return false;
}

Telefon = document.em.Telefon.value;
for (t=0; t<Telefon.length; t++) {

Telefon2 = Telefon.charAt (t);
if (! (Telefon2 >="0" && Telefon2 <="9")) {
alert ("Indtast venligst dit telefonnummer. Telefonnummeret må kun indeholde tal");
document.em.Telefon.focus();
return false;
}
}

if  (Telefon.length <8) {
alert ("Indtast venligst dit telefonnummer indeholdende mindst 8 cifre");
document.em.Telefon.focus();
return false;
}


document.em.action += "?subject=Bestilling af kundeblad";
return true;
}

// slut på kommentar, der skjuler scriptet for ældre browsere -->
</script>

<style>
p {
    font-size: 10pt;
    font-family: Verdana, Helvetica, Arial;
}

TD {
    font-size: 10pt;
    font-family: Verdana, Helvetica, Arial;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body onLoad="em.Navn.focus();">

<form name="em" method="post" action="mailto:din@mail.dk" enctype="text/plain" onsubmit=" return validering(em);">
<p>Ja tak, jeg vil gerne bestille et personligt eksemplar af erhvervskundebladet og modtage fremtidige kundeblade direkte med posten. <b>Udfyld formularen nedenfor</b></p>
<p>&nbsp;</p>
               

<table border="0" cellspacing="0" cellpadding="5">   
   
    <tr>
        <td>Navn:</td>
        <td colspan="2"><input type="text" name="Navn" value="" size="40"></td>
    </tr>
   
    <tr>
        <td>Evt. titel:</td>
        <td colspan="2"><input type="text" name="Titel" value="" size="40"></td>
    </tr>
   
    <tr>
        <td>Adresse:</td>
        <td colspan="2"><input type="text" name="Adresse" value="" size="40"></td>
    </tr>
   
    <tr>
        <td>Postnr:</td>
        <td colspan="2"><input type="text" name="Postnr" value="" size="4" maxlength="4"></td>
    </tr>
   
    <tr>
        <td>By</td>
        <td colspan="2"><input type="text" name="By" value="" size="40"></td>
    </tr>
   
    <tr>
        <td>Telefon:</td>
        <td colspan="2"><input type="text" name="Telefon" value="" size="8" maxlength="8"></td>                   
    </tr>
                   
    <tr>
        <td>E-mail:</td>
        <td><input type="text" name="Email" size="40"></td>
                </tr>
   
    <tr>
        <td></td>
        <td colspan="2"><input type="submit" name="Bestil" value="Send bestilling">&nbsp;<input type="reset" name="Slet" value="Slet"</td>
    </tr>
</table>   
</form>

</body>
</html>
Avatar billede mm12010 Nybegynder
22. april 2004 - 11:16 #1
document.em.action += "?subject=Bestilling af kundeblad";
alert("Din bestilling er afsendt");
//eller:
document.body.innerHTML+="<br>Din bestilling er afsendt";
return true;
}
Avatar billede mm12010 Nybegynder
22. april 2004 - 11:17 #2
men eftersom du sender med action=mailto:... vil brugeren altid få en besked/advarsel om at der sendes noget
Avatar billede holckie Nybegynder
22. april 2004 - 13:32 #3
Ok, tak for det gode svar!

Men hvis jeg benytter nedenstående mulighed, bliver formularen ikke sendt afsted!!!
Jeg får dog meddelelsen "Din bestilling er afsendt" under formularen.
Har jeg mon skrevet det rigtigt?

document.em.action += "?subject=Bestilling af kundeblad";
document.body.innerHTML+="<br>Din bestilling er afsendt";
return true;
}
// slut på kommentar, der skjuler scriptet for ældre browsere -->
</script>

----------------------------

Hvis jeg benytter den anden mulighed, så får man beskeden "din bestilling er afsendt" inden man reelt har afstendt formularen.

document.em.action += "?subject=Bestilling af kundeblad";
alert("Din bestilling er afsendt");
return true;
}

// slut på kommentar, der skjuler scriptet for ældre browsere -->
</script>
Avatar billede holckie Nybegynder
22. april 2004 - 15:03 #4
OK, jeg har fundet ud af at bruge nedenstående kode:
Men jeg ønsker først at få beskeden skrevet ud på siden, når formularen er afsendt.
Som det er nu, så bliver beskeden skrevet ud på siden inden man har trykker ok, og der er formularen jo reelt set ikke sendt endnu!
Kan nogen hjælpe??
--------------------------


document.em.action += "?subject=Bestilling af kundeblad";
document.em.innerHTML+="<br><font size=3><font color=#a20000>Din bestilling er afsendt!";
return true;
}
Avatar billede holckie Nybegynder
22. april 2004 - 15:08 #5
.......desuden virker min "reset" knap ikke, når jeg benytter ovenstående i scriptet.
Hvordan kan det være?
------------------------

<tr>
        <td></td>
        <td colspan="2"><input type="submit" name="Bestil" value="Send bestilling">&nbsp;<input type="reset" name="Slet" value="Slet"</td>
    </tr>
</table>   
</form>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging