Archief - Problemen formulier site

Crash_and_burn · 29 apr 2009

Jo iedereen,

Ik ben maar onlangs gestart met het maken van een website (eentje voor het vak "webdesign" voor onze school). Nu is hetgeen qua informatie da wij uit de lessen krijgen niet veel soeps dus zit ik vast.
Wat is nu het probleem? Ik heb een formulier gemaakt met javascript (met foutencontrole). Deze zou ik (nadat ze ingevuld is) willen doorsturen naar mijn e-mailadres EN de gebruiker van de site automatisch naar een pagina doorsturen dat de mail goed verzonden is. Hoe kan ik dit het beste doen?

(dees hieronder is mijn html code, voor js code enzo pm't ge mij best want tis redelijk veel

)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact legoland</title>
<link href="maincss2.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="javascript.js" rel="stylesheet" type="text/javascript"/>
<script src="Extra contact/Confirm.js" type="text/javascript"></script>
<script src="Extra contact/Paswoord.js" type="text/javascript"></script>
<script src="Extra contact/Tekstveld.js" type="text/javascript"></script>
<link href="Extra contact/Paswoord.css" rel="stylesheet" type="text/css" />
<link href="Extra contact/Tekstveld.css" rel="stylesheet" type="text/css" />
<link href="Extra contact/Confirm.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="divNav">
      <ul id="nav">
        <li id="liHome" class="off"><a href="homenl.html"><span>Home</span></a>
          <ul>
            <li><a href="homenl.html">Homepage</a></li>
            <li><a href="../../Index/index.htm">Introsite</a></li>
          </ul>
        </li>
        <li id="liInfo" class="off"><a href="infonl.html"><span>Info</span></a>
          <ul>
            <li><a href="infonl.html">Openingsuren</a></li>
            <li><a href="prijzennl.html">Prijzen</a></li>
            <li><a href="plannl.html">Plan park</a></li>
            <li><a href="routenl.html">Route</a></li>
          </ul>
        </li>
        <li id="liParken" class="off"><a href="parkennl.html"><span>Parken</span></a>
          <ul>
            <li><a href="home.nl">Amerika</a></li>
            <li><a href="../../Denemarken/Nederlands/homenl.html">Denemarken</a></li>
            <li><a href="../../Duitseland/Nederlands/homenl.html">Duitsland</a></li>
            <li><a href="../../Groot - britannie/Nederlands/homenl.html">Groot - Brittanië</a></li>
          </ul>
        </li>
        <li id="liExtras" class="off"><a href="extrasnl.html"><span>Extra's</span></a>
          <ul>
            <li><a href="../Afbeeldingen/Legoland Amerika/Legoland Amerika/index.html" target="_blank">Fotoalbum</a></li>
            <li><a href="gamesnl.html">Games</a></li>
          </ul>
        </li>
        <li id="liContact" class="on"><a href="contactnl.html"><span>Contact</span></a>
          <ul>
            <li><a href="contactnl.html">Contact</a></li>
            </ul>
        </li>
        </ul>
    </div>
    <div id="mainContent">
    <div id="middle2">
    <div id="regForm">
      <h1>Contact</h1>
      <p><strong><u>E-mail:</u><br />
      </strong>Voor meer informatie over onze site, onze evenementen en ons pretpark kan u altijd een mailtje sturen.<br />
      <br /></p>
    <form id="frmRegister" name="frmRegister" method="post" action="contactnlconfirm.html;mailto:[email protected]">
    <fieldset>
      <legend>Gebruikers Info:</legend>
      <p><span id="userName">
      <label for="naam">Gebruikersnaam:</label>
      <input name="naam" type="text" class="text" id="naam" tabindex="10" /><br />
      <span class="textfieldRequiredMsg">U gebruikersnaam moet overeenkomen met een e-mailadres.</span><span class="textfieldInvalidFormatMsg">Moet een echt e-mailadres zijn.</span></span></p>
      <p><span id="sprypassword1">
      <label for="pwd2">Passwoord:</label>
      <input name="pwd" type="password" class="text" id="pwd2" tabindex="20" /><br />
      <span class="passwordRequiredMsg">4 - 10 karakters.</span><span class="passwordMinCharsMsg">4 - 10 karakters</span><span class="passwordMaxCharsMsg">4 - 10 karakters</span></span></p>
      <p><span id="spryconfirm1">
        <label for="confirm2">Confirm Password:</label>
        <input name="confirm" type="password" class="text" id="confirm2" tabindex="30" /><br />
        <span class="confirmRequiredMsg">U moet een passwoord hebben!</span><span class="confirmInvalidMsg">Dit komt niet overeen met u passwoord.</span></span><br />
      </p>
    </fieldset>
    <fieldset>
      <legend>Persoonlijke info:</legend>
      <p>
        <label for="Vnaam">Voornaam:</label>
        <input name="Vnaam" type="text" class="text" id="Vnaam" tabindex="40" />
      </p>
      <p>
        <label for="Anaam">Achternaam:</label>
        <input name="Anaam" type="text" class="text" id="Anaam" tabindex="50" />
      </p>
      <p> Waar woon je?
<select name="regio" id="regio" tabindex="60">
  <option value="be" selected="selected">België</option>
  <option value="ned">Nederland</option>
  <option value="fr">Frankrijk</option>
  <option value="du">Duitsland</option>
  <option value="gb">Groot - Brittanië</option>
  <option value="am">Amerika</option>
  <option value="an">Andere</option>
        </select>
      </p>
      <p>Hoe vaak per jaar bezoek je Legoland?<br />
        <label>
          <input type="radio" name="Bezoek" value="weinig" id="Bezoek_0" tabindex="70" />
          0 - 2 keer</label>
        <br />
        <label>
          <input type="radio" name="Bezoek" value="gemiddeld" id="Bezoek_1" tabindex="80" />
          3 - 5 keer</label>
        <br />
        <label>
          <input type="radio" name="Bezoek" value="vaak" id="Bezoek_2" tabindex="90" />
          6 +</label>
</p>
      <p>
        <label for="commentaar">Extra commentaar of vragen:</label>
        <br />
<textarea name="commentaar" id="commentaar" cols="45" rows="5" tabindex="140"></textarea>
      </p>
      <p>
        <input type="checkbox" name="nieuwsbrief" id="nieuwsbrief" tabindex="150" />
        <label for="journal">Ik wil mij inschrijven voor de nieuwsbrief!</label>
</p>
      <p>
        <input type="submit" name="submit" id="submit" value="Join Legoland!" tabindex="160" />
        <br />
      </p>
    </fieldset>
            </form>
    </div></div>
    <div id="footer"><a href="copy.html">&copy;</a> Visual Touch <a href="privacy.html">Privacy Policy</a> | <a href="terms.html">Terms and Conditions</a></div>
</div>
</div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("userName", "email", {validateOn:["blur", "change"]});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:4, maxChars:10, validateOn:["blur", "change"]});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "pwd2", {validateOn:["blur", "change"]});
//-->
</script>
</body>

</html>

awesome · 30 apr 2009

Werkt het feitelijk of niet?

grtz

tha_rippa1be · 30 apr 2009

Crash_and_burn zei:

Jo iedereen,

Ik ben maar onlangs gestart met het maken van een website (eentje voor het vak "webdesign" voor onze school). Nu is hetgeen qua informatie da wij uit de lessen krijgen niet veel soeps dus zit ik vast.
Wat is nu het probleem? Ik heb een formulier gemaakt met javascript (met foutencontrole). Deze zou ik (nadat ze ingevuld is) willen doorsturen naar mijn e-mailadres EN de gebruiker van de site automatisch naar een pagina doorsturen dat de mail goed verzonden is. Hoe kan ik dit het beste doen?

(dees hieronder is mijn html code, voor js code enzo pm't ge mij best want tis redelijk veel

)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact legoland</title>
<link href="maincss2.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="javascript.js" rel="stylesheet" type="text/javascript"/>
<script src="Extra contact/Confirm.js" type="text/javascript"></script>
<script src="Extra contact/Paswoord.js" type="text/javascript"></script>
<script src="Extra contact/Tekstveld.js" type="text/javascript"></script>
<link href="Extra contact/Paswoord.css" rel="stylesheet" type="text/css" />
<link href="Extra contact/Tekstveld.css" rel="stylesheet" type="text/css" />
<link href="Extra contact/Confirm.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="divNav">
      <ul id="nav">
        <li id="liHome" class="off"><a href="homenl.html"><span>Home</span></a>
          <ul>
            <li><a href="homenl.html">Homepage</a></li>
            <li><a href="Index/index.htm">Introsite</a></li>
          </ul>
        </li>
        <li id="liInfo" class="off"><a href="infonl.html"><span>Info</span></a>
          <ul>
            <li><a href="infonl.html">Openingsuren</a></li>
            <li><a href="prijzennl.html">Prijzen</a></li>
            <li><a href="plannl.html">Plan park</a></li>
            <li><a href="routenl.html">Route</a></li>
          </ul>
        </li>
        <li id="liParken" class="off"><a href="parkennl.html"><span>Parken</span></a>
          <ul>
            <li><a href="home.nl">Amerika</a></li>
            <li><a href="Denemarken/Nederlands/homenl.html">Denemarken</a></li>
            <li><a href="Duitseland/Nederlands/homenl.html">Duitsland</a></li>
            <li><a href="Groot - britannie/Nederlands/homenl.html">Groot - Brittanië</a></li>
          </ul>
        </li>
        <li id="liExtras" class="off"><a href="extrasnl.html"><span>Extra's</span></a>
          <ul>
            <li><a href="Afbeeldingen/Legoland Amerika/Legoland Amerika/index.html" target="_blank">Fotoalbum</a></li>
            <li><a href="gamesnl.html">Games</a></li>
          </ul>
        </li>
        <li id="liContact" class="on"><a href="contactnl.html"><span>Contact</span></a>
          <ul>
            <li><a href="contactnl.html">Contact</a></li>
            </ul>
        </li>
        </ul>
    </div>
    <div id="mainContent">
    <div id="middle2">
    <div id="regForm">
      <h1>Contact</h1>
      <p><strong><u>E-mail:</u><br />
      </strong>Voor meer informatie over onze site, onze evenementen en ons pretpark kan u altijd een mailtje sturen.<br />
      <br /></p>
    <form id="frmRegister" name="frmRegister" method="post" action="contactnlconfirm.html;mailto:[email protected]">
    <fieldset>
      <legend>Gebruikers Info:</legend>
      <p><span id="userName">
      <label for="naam">Gebruikersnaam:</label>
      <input name="naam" type="text" class="text" id="naam" tabindex="10" /><br />
      <span class="textfieldRequiredMsg">U gebruikersnaam moet overeenkomen met een e-mailadres.</span><span class="textfieldInvalidFormatMsg">Moet een echt e-mailadres zijn.</span></span></p>
      <p><span id="sprypassword1">
      <label for="pwd2">Passwoord:</label>
      <input name="pwd" type="password" class="text" id="pwd2" tabindex="20" /><br />
      <span class="passwordRequiredMsg">4 - 10 karakters.</span><span class="passwordMinCharsMsg">4 - 10 karakters</span><span class="passwordMaxCharsMsg">4 - 10 karakters</span></span></p>
      <p><span id="spryconfirm1">
        <label for="confirm2">Confirm Password:</label>
        <input name="confirm" type="password" class="text" id="confirm2" tabindex="30" /><br />
        <span class="confirmRequiredMsg">U moet een passwoord hebben!</span><span class="confirmInvalidMsg">Dit komt niet overeen met u passwoord.</span></span><br />
      </p>
    </fieldset>
    <fieldset>
      <legend>Persoonlijke info:</legend>
      <p>
        <label for="Vnaam">Voornaam:</label>
        <input name="Vnaam" type="text" class="text" id="Vnaam" tabindex="40" />
      </p>
      <p>
        <label for="Anaam">Achternaam:</label>
        <input name="Anaam" type="text" class="text" id="Anaam" tabindex="50" />
      </p>
      <p> Waar woon je?
<select name="regio" id="regio" tabindex="60">
  <option value="be" selected="selected">België</option>
  <option value="ned">Nederland</option>
  <option value="fr">Frankrijk</option>
  <option value="du">Duitsland</option>
  <option value="gb">Groot - Brittanië</option>
  <option value="am">Amerika</option>
  <option value="an">Andere</option>
        </select>
      </p>
      <p>Hoe vaak per jaar bezoek je Legoland?<br />
        <label>
          <input type="radio" name="Bezoek" value="weinig" id="Bezoek_0" tabindex="70" />
          0 - 2 keer</label>
        <br />
        <label>
          <input type="radio" name="Bezoek" value="gemiddeld" id="Bezoek_1" tabindex="80" />
          3 - 5 keer</label>
        <br />
        <label>
          <input type="radio" name="Bezoek" value="vaak" id="Bezoek_2" tabindex="90" />
          6 +</label>
</p>
      <p>
        <label for="commentaar">Extra commentaar of vragen:</label>
        <br />
<textarea name="commentaar" id="commentaar" cols="45" rows="5" tabindex="140"></textarea>
      </p>
      <p>
        <input type="checkbox" name="nieuwsbrief" id="nieuwsbrief" tabindex="150" />
        <label for="journal">Ik wil mij inschrijven voor de nieuwsbrief!</label>
</p>
      <p>
        <input type="submit" name="submit" id="submit" value="Join Legoland!" tabindex="160" />
        <br />
      </p>
    </fieldset>
            </form>
    </div></div>
    <div id="footer"><a href="copy.html">&copy;</a> Visual Touch <a href="privacy.html">Privacy Policy</a> | <a href="terms.html">Terms and Conditions</a></div>
</div>
</div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("userName", "email", {validateOn:["blur", "change"]});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:4, maxChars:10, validateOn:["blur", "change"]});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "pwd2", {validateOn:["blur", "change"]});
//-->
</script>
</body>

</html>

php

Crash_and_burn · 30 apr 2009

noobkillah zei:
Werkt het feitelijk of niet?

grtz

Nop et werkt ni, ik heb et zo gemaakt da hij nada hij op verzenden drukt, automatisch (na de foutcontrole), naar een andere webpagina gaat. Maar ik ontvang het formulier dus niet in mijn mail, en da zou ik dus wel moete gebeure

tha_rippa1be · 30 apr 2009

Crash_and_burn zei:
Nop et werkt ni, ik heb et zo gemaakt da hij nada hij op verzenden drukt, automatisch (na de foutcontrole), naar een andere webpagina gaat. Maar ik ontvang het formulier dus niet in mijn mail, en da zou ik dus wel moete gebeure

maar met enkel JS kunt ge niks mailen he.

Die mailto zou een emailclient(outlook ofzo) moeten opstarten waarmee die ingevulde waardes verzonden worden. Als dat al niet gebeurt is het afaik onmogelijk om zonder een scripting taal (PHP/ASP/iets anders) een mail te sturen.

Crash_and_burn · 30 apr 2009

tha_rippa1be zei:
maar met enkel JS kunt ge niks mailen he.

Die mailto zou een emailclient(outlook ofzo) moeten opstarten waarmee die ingevulde waardes verzonden worden. Als dat al niet gebeurt is het afaik onmogelijk om zonder een scripting taal (PHP/ASP/iets anders) een mail te sturen.

Ja da weet ik ook wel da ik php nodig eb maar aangezien ik da totaal ni ken is da redelijk moeilijk om da te gebruiken. Ik heb die site die gij ebt doorgestuurd al ne keer opengehad, oké, da zal wel werke, ma ik weet ni hoe ik da moet combinere me mijn bestaand formulier (want als ge die code gewoon standaard plakt krijgde natuurlijk een ander formulier). En het is toch ook mogelijk om da alles door te sturen zonder outlook op te starten? Kunt gij mij uitlegge hoe ik die php dan me mijn bestaande code kan combinere waardoor dak da dan automatisch kan late doorsture?

D3vilke · 1 mei 2009

wat is er mis met gwn uw action te zetten op een andere pagina (of eventueel dezelfde, maakt ni veel uit) en op die pagina gwn de mail() functie van php te gebruiken?? PHP: mail - Manual

adrianhates · 1 mei 2009

er zijn echt wel genoeg voorbeelden/scripts te vinden online hoor

Ex0dus · 1 mei 2009

Crash_and_burn zei:
Ja da weet ik ook wel da ik php nodig eb maar aangezien ik da totaal ni ken is da redelijk moeilijk om da te gebruiken. Ik heb die site die gij ebt doorgestuurd al ne keer opengehad, oké, da zal wel werke, ma ik weet ni hoe ik da moet combinere me mijn bestaand formulier (want als ge die code gewoon standaard plakt krijgde natuurlijk een ander formulier). En het is toch ook mogelijk om da alles door te sturen zonder outlook op te starten? Kunt gij mij uitlegge hoe ik die php dan me mijn bestaande code kan combinere waardoor dak da dan automatisch kan late doorsture?

Ge kunt misschien eens beginnen met te 'leren', ni alles moet u ingelepeld worden hé, of wel soms?
Internet sta vol met voorbeelden van hoe je php gebruikt om een formulier door te sturen, lmgtfy.

Groeten

Crash_and_burn · 1 mei 2009

zet ma slotje op, tis opgelost!

Thx

Archief - Problemen formulier site

Crash_and_burn

Legacy Member

awesome

Legacy Member

tha_rippa1be

Legacy Member

Crash_and_burn

Legacy Member

tha_rippa1be

Legacy Member

Crash_and_burn

Legacy Member

D3vilke

Legacy Member

adrianhates

Legacy Member

Ex0dus

Legacy Member

Crash_and_burn

Legacy Member