Contact Formulier Versturen

Formulier via Telenet servers versturen.

Wanneer je niet kan beschikken over php mail() of sendmail() om een formulier te verzenden (zoals bij internet provider telenet), dan kan je gebruik maken van het kant-en-klaar script op de Telenet servers.
Je moet dan wel klant zijn bij Telenet �n een abonnement hebben dat een gratis webruimte bevat �n je website naar hun servers opladen!
Alleen te gebruiken op de servers van Telenet.
Onderstaand formulier maakt gebruik om de ingevulde gegevens te verzenden via de servers van Telenet.

Je kan een kant-en-klaar formulier met zijn bijbehorende pagina's hier downloaden.
Het zip-bestand bevat 4 bestanden nl.:

formulier.html: Het eigenlijke formulier;
fout.html: Controle van de ingevulde velden;
verzonden.html: Toont hetgeen de bezoeker heeft ingevuld;
sjabloon.txt: Sjabloon voor de opbouw van de ontvangen email

Demo.

Opbouw van het formulier.

Bestand "formulier.html"

Wijzig "XXX" in onderstaand voorbeeld door de aangemaakte naam van je homepage.

Als de url van je homepage http://users.telenet.be/piet.peeters is, dan vervang je "XXX" door piet.peeters.

Opgelet: als je een domeinnaam hebt aangevraagd bij Telenet, bijvoorbeeld http://pietpeeters.be, dan moet je "XXX" weglaten!

Wijzig "YYY" in onderstaand voorbeeld door bv. je Telenet e-mailadres ([email protected]) waarnaar de e-mail verzonden moet worden.
Het gebruikte email adres hoeft niet noodzakelijk een Telenet email adres te zijn.

<html>
<head>
<title>Dit is mijn intelligent invulformulier</title>
</head>
<body>
<form action="/cgi-bin/form.cgi" method="POST">
<input type="hidden" name="DEBUG" value="0">
<input type="hidden" name="MAILFILE" value="XXX/form/sjabloon.txt">
<input type="hidden" name="MAILTO" value="YYY">
<input type="hidden" name="REPLYFAULT" value="XXX/form/fout.html">
<input type="hidden" name="REPLYOK" value="XXX/form/verzonden.html">
<input type="hidden" name="naam-TEST" value="^\D+$">
<input type="hidden" name="voornaam-TEST" value="^\D+$">
<input type="hidden" name="woonplaats-TEST" value="^\D+$">
<input type="hidden" name="postcode-MIN" value="1000">
<input type="hidden" name="postcode-MAX" value="9999">
<p>Dit is een voorbeeld van een intelligent invulformulier.</p>
<table border="0" width="374">
	<tr>
		<td width="137">Naam<font color="#CC0000">*</font>:</td>
		<td width="230"><input type="text" size="31" name="naam"></td>
	</tr>
	<tr>
		<td width="137">Voornaam<font color="#CC0000">*</font>:</td>
		<td width="230"><input type="text" size="31" name="voornaam"></td>
	</tr>
	<tr>
		<td width="137">Postcode<font color="#CC0000">*</font>:</td>
		<td width="230"><input type="text" size="31" name="postcode"></td>
	</tr>
	<tr>
		<td width="137">Woonplaats<font color="#CC0000">*</font>:</td>
		<td width="230"><input type="text" size="31" name="woonplaats"></td>
	</tr>
	<tr>
		<td width="137">Telefoonnummer:</td>
		<td width="230"><input type="text" size="31" name="telefoon"></td>
	</tr>
	<tr>
		<td width="137">E-mailadres:</td>
		<td width="230">
		<input type="text" size="31" name="MAILFROM"></td>
	</tr>
	<tr>
		<td width="137">Onderwerp<font color="#CC0000">*</font>:</td>
		<td width="230"><input type="text" size="31" maxlength="30" name="SUBJECT"></td>
	</tr>
	<tr>
		<td colspan="2">Omschrijving<font color="#CC0000">*</font>:<br>
		<textarea name="omschrijving" rows="6" cols="43"></textarea><br><br>
		Velden met een <font color="#CC0000">*</font> zijn verplicht in te 
		vullen<br><p align="right"><input type="submit" name="cmdVerzenden" value="Verzenden"> 
		<input type="reset" name="cmdWissen" value="Wissen"></td>
	</tr>
	</table>
</form>
</body>
</html>

Bestand "fout.html"

<html>
<head>
<meta http-equiv="Content-Language" content="nl-be">
<title>Foutmelding</title>
</head>
<body>
De ingevulde gegevens zijn niet correct. Gelieve opnieuw te proberen.<p>Hou 
rekening met het volgende:</p>
<ul>
	<li>de velden met een <font color="#CC0000">*</font> zijn verplicht</li>
	<li>de postcode mag enkel cijfers bevatten, en enkel tussen 1000 en 9999</li>
	<li>naam, voornaam en woonplaats mogen enkel letters bevatten.</li>
</ul>
<p>Volgende gegevens werden geregistreerd:</p>
<ul>
	<li><b>Naam</b><font color="#CC0000">*</font><b>:</b> $in{naam}</li>
	<li><b>Voornaam</b><font color="#CC0000">*</font><b>:</b> $in{voornaam}</li>
	<li><b>Postcode</b><font color="#CC0000">*</font><b>:</b> $in{postcode}</li>
	<li><b>Woonplaats</b><font color="#CC0000">*</font><b>:</b> $in{woonplaats}</li>
	<li><b>Telefoonnummer:</b> $in{telefoon}</li>
	<li><b>E-mailadres:</b> $in{MAILFROM}</li>
	<li><b>Onderwerp</b><font color="#CC0000">*</font><b>:</b> $in{SUBJECT}</li>
	<li><b>Omschrijving</b><font color="#CC0000">*</font><b>:</b> $in{omschrijving}</li>
</ul>
<p><a href="javascript:history.back(1)">Klik hier</a> om opnieuw te proberen.</p>
</body>
</html>

Bestand "verzonden.html"

Beste $in{voornaam},<p>Volgende gegevens werden verzonden:</p>
<ul>
	<li><b>Naam:</b> $in{naam}</li>
	<li><b>Voornaam:</b> $in{voornaam}</li>
	<li><b>Postcode:</b> $in{postcode}</li>
	<li><b>Woonplaats:</b> $in{woonplaats}</li>
	<li><b>Telefoonnummer:</b> $in{telefoon}</li>
	<li><b>E-mailadres:</b> $in{MAILFROM}</li>
	<li><b>Onderwerp:</b> $in{SUBJECT}</li>
	<li><b>Omschrijving:</b> $in{omschrijving}</li>
</ul>

Bestand "sjabloon.txt"

Naam: $in{naam}
Voornaam: $in{voornaam}
Postcode: $in{postcode}
Woonplaats: $in{woonplaats}
Telefoonnummer: $in{telefoon}
E-mailadres: $in{MAILFROM}
Onderwerp: $in{SUBJECT}

Omschrijving: $in{omschrijving}

Dit is enkel een voorbeeld; je kan de layout wijzigen naar eigen behoeften!
Ook kan je inputvelden toevoegen en/of verwijderen MAAR denk er dan ook aan de andere pagina's (fout.html - verzonden.html - sjabloon.txt) aan te passen!

Voorbeeld nieuw inputveld toevoegen aan het formulier.

Wil je bv. een inputveld "adres" aan het formulier toevoegen en laten controleren dan plaats je bij de "hidden" inputvelden op pagina "formulier.html" het volgende

<input type="hidden" name="adres-TEST" value="[0-9a-zA-Z]+$">

Bij elk nieuw inputveld dat je toevoegt (hier "adres"), wordt er steeds het woord -TEST aan toegevoegd,
dus name="adres-TEST"

De Controle van hetgeen de bezoeker heeft ingevuld.
In bovenstaand voorbeeld werd value="\^D+$" (dat staat voor alleen letters toegelaten) veranderd.
Daar een adres bestaat uit een straatnaam �n een huis-,busnummer mag het inputveld nu zowel letters als cijfers bevatten.
De controle value wordt nu gewijzigd in value="[0-9a-zA-Z]+$"

Voorbeelden van values voor controle inputvelden zijn:

- voor bv. naam, voornaam, gemeente, ...
value="\^D+$" of value="[a-zA-Z]+$" staat voor alleen letters toegelaten;

- voor bv. Belgische postcode, telefoonnummer, ...
value="\^W+$ of value="\d+$" of value="[0-9]+$" staat voor alleen cijfers toegelaten;

- voor bv, Nederlanse postcode, adres, ...
value="\w+$" of value="[0-9a-zA-Z]+$" staat voor zowel cijfers en letters toegelaten.

Om het extra inputveld "adres" in het formulier te plaatsen, gebruik je de volgende code

<tr>
	<td width="137">Adres<font color="#CC0000">*</font>:</td>
	<td width="230"><input type="text" size="31" name="adres"></td>
</tr>

Op de pagina "fout.html" voeg je volgende lijn toe

<li><b>Adres:</b> $in{adres}</li>

Op de pagina "verzonden.html" voeg je volgende lijn toe

<li><b>Adres:</b> $in{adres}</li>

Op de pagina "sjabloon.txt" voeg je volgende lijn toe

Adres: $in{adres}

Uploaden van de bestanden.

Upload nu deze 4 bestanden zijnde "formulier.html", "fout.html", "verzonden.html" en "sjabloon.txt" naar de subfolder "form" op de server van Telenet.

Voorbeeld hoe de inputvelden in de email getoond worden.

De layout van de email ziet er degelijk en overzichtelijk uit.
Alleen de ingevulde gegevens worden getoond in de verzonden email.

Meer uitleg vind je op de Telenet website

Heb je toch nog problemen, dan kan je me steeds contacteren en/of je vraag/probleem stellen op het Seniorennet forum - Eigen Website

OVERWEEG EEN DONATIE

Ben je tevreden over de gegeven informatie dan kan je als blijk van waardering voor de aangeboden hulp steeds een donatie overwegen. Dit om de aangeboden hulp ook in de toekomst te kunnen blijven garanderen.
Alvast bedankt.
Webmaster