TIP - Aanmaak Contact formulier bij Telenet, Skynet, e.a.

Vragen/antwoorden betreffende het maken van je eigen website.
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

ma 07 nov 2016, 18:56

Beste JDB,

Kan je misschien de gehele code (formulier-sjabloon-verzonden) hier plaatsen, dat maakt het makkelijker voor diegene die met hetzelfde probleem kampen.

Alvast bedankt!

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
JDB
Berichten: 7
Lid geworden op: ma 07 nov 2016, 13:50
Locatie: Hamme

ma 07 nov 2016, 20:44

Ik had spijtig genoeg de oplossing van mijn probleem nog niet. Ik heb te vroeg getuigd. :oops: Ik heb me er bij neergelegd dat ik iets probeer dat niet mogelijk is.
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

ma 07 nov 2016, 20:55

Beste JDB,

Ik dacht het ook ... de aangeduide checkboxes staan juist op de verzonden pagina maar er wordt niets doorgestuurd naar de email, juist?

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
JDB
Berichten: 7
Lid geworden op: ma 07 nov 2016, 13:50
Locatie: Hamme

ma 07 nov 2016, 20:57

Inderdaad, 't is dat dat ik zo raar vind. Op de verzonden pagina is het juist, maar niet in de mail. Ik vind het raar, gezien het op beiden het dezelfde variabele is dat wordt weergegeven, het toch anders is....
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

di 08 nov 2016, 16:52

Beste JDB,

Hier zijn we met de work-around.
Je plaatst alle aangeduide checkboxes in een nieuw "hidden" input veld

Formulier.html
Plaaats volgende javascripts tussen <head> en </head>

Code: Selecteer alles

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $checks = $(":checkbox");
    $checks.on('change', function() {
        var string = $checks.filter(":checked").map(function(i,v){
            return this.value;
        }).get().join(" ");
        $('#field_results').val(string);
    });
});
</script>
Gebruik voor je checkboxes volgende code in je formulier

Code: Selecteer alles

<input type="hidden" name="fruit" id="field_results"/><br>
<input type="checkbox" name="appel" value="appel">appel<br>
<input type="checkbox" name="peer" value="peer">peer<br>
<input type="checkbox" name="banaan" value="banaan">banaan
verzonden.html

Code: Selecteer alles

Gekozen fruit:  $in{fruit}
sjabloon.txt

Code: Selecteer alles

Gekozen fruit:  $in{fruit}
Succes.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Dewulf Jan
Berichten: 4
Lid geworden op: di 30 jan 2018, 15:35
Locatie: Oosterzele

vr 02 feb 2018, 12:09

Ik wil a.d.h. de code die beschikbaar zijn op dit forum een formulier maken voor de jeugdbrandweer Gent en dit voorTelenet klanten.
Als ik het formulier invul kom ik op het "fout.html" en komt de ingevoerde info niet in "verzonden.html" en sjabloon.txt".
Hierbij de pagina's die ik heb opgemaakt.

Formulier:
<form action="/cgi-bin/form.cgi" method="POST">
<input type="hidden" name="DEBUG" value="0" />
<input type="hidden" name="MAILFILE" value="form_jeugd_gent/form/sjabloon.txt">
<input type="hidden" name="MAILTO" value="jan-dewulf@telenet.be">
<input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/form/fout.html">
<input type="hidden" name="REPLYOK" value="form_jeugd_gent/form/verzonden.html">
<input type="hidden" name="naam-TEST" value="^\D+$">
<input type="hidden" name="voornaam-TEST" value="^\D+$">
<input type="hidden" name="geslacht-TEST" value="^\D+$">
<input type="hidden" name="adres-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="woonplaats-TEST" value="^\D+$">
<input type="hidden" name="postcode-MIN" value="1000">
<input type="hidden" name="postcode-MAX" value="9999">
<input type="hidden" name="telefoon-TEST" value="[0-9 -.+\(\)\/]{9,}$">
<input type="hidden" name="gebplaats-TEST" value="^\D+$">
<input type="hidden" name="dag-TEST" value="[0-9]+$">
<input type="hidden" name="maand-TEST" value="value="^\D+$">
<input type="hidden" name="jaar-MIN" value="2004">
<input type="hidden" name="jaar-MAX" value="2008">
<input type="hidden" name="rijksregister-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="school-TEST" value="^\D+$">
<input type="hidden" name="sport-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="omschrijving-TEST" value="[0-9a-zA-Z]+$">
<table border="0" width="430">
<tr>
<td width="200">Naam<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="naam"></td>
</tr>
<tr>
<td width="200">Voornaam<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="voornaam"></td>
</tr>
        <tr> 
                <td width="200">Geslacht<font color="#CC0000">*</font>:</td>
                <td width="230"><select name="geslacht">
                <option value="geslacht" selected>Maak uw keuze:</option>
<option>Jongen</option>
<option>Meisje</option>
        </select>       </td>
        </tr>
<tr>
        <td width="200">Adres + huisnummer<font color="#CC0000">*</font>:</td>
        <td width="230"><input type="text" size="80" name="adres"></td>
</tr>
<tr>
<td width="200">Postcode<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="postcode"></td>
</tr>
<tr>
<td width="200">Woonplaats<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="woonplaats"></td>
</tr>
<tr>
<td width="200">Telefoonnummer/GSM<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="telefoon"></td>
</tr>
        <tr>
<td width="200">Geboorteplaats<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="gebplaats"></td>
</tr>
        <tr> 
                <td width="200">Geboortedatum<font color="#CC0000">*</font>:</td>
                <td width="230"> 
                <select name="dag">
                <option value="dag" selected>Dag</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
                <option>31</option>
                </select> 
                <select name="maand">
                <option value="maand" selected>Maand</option>
                <option>Januari</option>
                <option>Februari</option>
                <option>Maart</option>
                <option>April</option>
                <option>Mei</option>
                <option>Juni</option>
                <option>Juli</option>
                <option>Augustus</option>
                <option>September</option>
                <option>Oktober</option>
                <option>November</option>
                <option>December</option>
                </select> 
                <select name="jaar">
                <option value="jaar" selected>Jaar</option>
        <option>2008 / 10 jaar = wachtlijst</option>
                <option>2007 / 11 jaar = wachtlijst</option>
        <option>2006 / 12 jaar = geen wachtlijst</option>
                <option>2005 / 13 jaar = geen wachtlijst</option>
                </select></td>
        </tr>
        <tr>
<td width="200">ID-Rijksregister<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="rijksregister"></td>
</tr>
<tr>
<td width="200">E-mailadres<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="MAILFROM"></td>
</tr>
<tr>
<td width="200">School<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="school"></td>
</tr>
<tr>
<td width="200">Hobby's en/of Sport<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="sport"></td>
</tr>
<tr>
<td align="left" valign="top">Waarom wil je bij de jeugdbrandweer<font color="#CC0000">*</font>:</td>
<td><textarea name="omschrijving" rows="6" cols="43"></textarea><br><br></td>
</tr>
<tr>
               <td colspan="2">Velden met een <font color="#CC0000">*</font> zijn verplicht in te 
vullen<br><p align="center"><input type="submit" name="cmdVerzenden" value="Verzenden"> 
<input type="reset" name="cmdWissen" value="Wissen"></td></td>
       </tr>
</table>
</form>


Fout:
<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 2004 en 2008</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>Geslacht</b><font color="#CC0000">*</font><b>:</b> $in{geslacht}</li>
<li><b>Adres</b><font color="#CC0000">*</font><b>:</b> $in{adres}</li>
<li><b>Woonplaats</b><font color="#CC0000">*</font><b>:</b> $in{woonplaats}</li>
<li><b>Postcode</b><font color="#CC0000">*</font><b>:</b> $in{postcode}</li>
<li><b>Telefoon/GSM</b><font color="#CC0000">*</font><b>:</b> $in{telefoon}</li>
<li><b>Geboorte plaats</b><font color="#CC0000">*</font><b>:</b> $in{gebplaats}</li>
<li><b>Geboorte datum</b><font color="#CC0000">*</font><b>:</b> $in{dag}-$in{maand}-$in{jaar}</li>
<li><b>ID-Rijksregister</b><font color="#CC0000">*</font><b>:</b> $in{rijksregister}</li>
        <li><b>E-mailadres:</b> $in{MAILFROM}</li>
<li><b>School</b><font color="#CC0000">*</font><b>:</b> $in{school}</li>
        <li><b>Sport / Hobby</b><font color="#CC0000">*</font><b>:</b> $in{sport}</li>
<li><b>Waarom wil je bij de Jeugdbrandweer</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>

Verzonden:

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>Geslacht:</b> $in{geslacht}</li>
<li><b>Adres:</b> $in{adres}</li>
<li><b>Woonplaats:</b> $in{woonplaats}</li>
<li><b>Postcode:</b> $in{postcode}</li>
<li><b>Telefoon/GSM:</b> $in{telefoon}</li>
<li><b>Geboorte plaats:</b> $in{gebplaats}</li>
<li><b>Geboorte datum:</b> $in{dag}-$in{maand}-$in{jaar}</li>
<li><b>ID-Rijksregister:</b> $in{rijksregister}</li>
        <li><b>E-mailadres:</b> $in{MAILFROM}</li>
<li><b>School:</b> $in{school}</li>
        <li><b>Sport / Hobby:</b> $in{sport}</li>
<li><b>Waarom wil je bij de Jeugdbrandweer:</b> $in{omschrijving}</li>
</ul>

sjabloon:

Geachte, bevestiging inschrijving.
  
Naam: $in{naam}
Voornaam: $in{voornaam}
Geslacht: $in{geslacht}
Adres: $in{adres}
Woonplaats: $in{woonplaats}
Postcode: $in{postcode}
Telefoon/GSM: $in{telefoon}
Geboorte plaats: $in{gebplaats}
Geboorte datum: $in{dag}-$in{maand}-$in{jaar}
ID-Rijksregister: $in{rijksregister}
E-mailadres: $in{MAILFROM}
School: $in{school}
Sport / Hobby: $in{sport}
Waarom wil je bij de Jeugdbrandweer: $in{omschrijving}

Alvast bedankt voor jullie medewerking.
Alvast bedankt voor het lezen en/of beantwoorden van mijn berichten.
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

vr 02 feb 2018, 15:14

Beste Dewulf,

Denk er wel aan dat de bestanden die bij het formulier horen naar de webserver van Telenet moeten  opgeladen worden in de map "form" (zelf aanmaken)!
Wil je alle bestanden van het formulier toch in de "root" plaatsen dan moet je het volgende

Code: Selecteer alles

<input type="hidden" name="MAILFILE" value="form_jeugd_gent/form/sjabloon.txt"> 
< input type="hidden" name="MAILTO" value="jouw_email@telenet.be"> 
< input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/form/fout.html"> 
< input type="hidden" name="REPLYOK" value="form_jeugd_gent/form/verzonden.html"> 
wijzigen naar

Code: Selecteer alles

<input type="hidden" name="MAILFILE" value="form_jeugd_gent/sjabloon.txt"> 
< input type="hidden" name="MAILTO" value="jouw_email@telenet.be"> 
< input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/fout.html"> 
< input type="hidden" name="REPLYOK" value="form_jeugd_gent/verzonden.html"> 
De enige fout die ik zie is

Code: Selecteer alles

<input type="hidden" name="maand-TEST" value="value="^\D+$">
moet zijn

Code: Selecteer alles

<input type="hidden" name="maand-TEST" value="^\D+$"> 


Verder werkt je formulier naar behoren

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

za 03 feb 2018, 17:06

Beste Dewulf,

Heb je de fout verbeterd en werkt het bij  jou nu ook want je hebt niet gereageerd?

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Dewulf Jan
Berichten: 4
Lid geworden op: di 30 jan 2018, 15:35
Locatie: Oosterzele

za 03 feb 2018, 18:33

coderunner schreef:Beste Dewulf,

Heb je de fout verbeterd en werkt het bij  jou nu ook want je hebt niet gereageerd?

mvg,
Coderunner
Geachte, 
Wegens privé reden kon ik u nog niet op de hoogte brengen, de fout is verbeterd waarvoor mijn dank voor uw tussenkomst.
Groeten DJ
Alvast bedankt voor het lezen en/of beantwoorden van mijn berichten.
coderunner
Berichten: 1793
Lid geworden op: ma 27 mar 2006, 3:35
Locatie: Aubauke - Aentwaerepe

zo 04 feb 2018, 12:54

Beste Dewulf,

Dat is geen enkel problem hoor ...
Bedankt voor de update en veel succes met je webformulier.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

Terug naar “Eigen website”