Bericht 1 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 19-11-2006 |
Aan | : | Allen | MsgID | : | 3156.1 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi,
Op onze website hebben wij een formulier staan waar mensen hun schip aan kunnen melden voor de winterstalling. Om te zorgen dat het formulier goed wordt verzonden, wordt er vóór het versturen e.e.a. gecontroleerd. Bijv. of alle verplichte velden zijn ingevuld en nog wat andere dingen worden afgevangen.
Nou ben ik benieuwd of dat bij een ander ook allemaal goed werkt. Ook zou ik graag willen weten hoe dat in FireFox afloopt. Ik weet niet of iemand hier FireFox heeft?
Je kunt het formulier gewoon invullen met fictieve gegevens. Bovendien komen de aanmeldingen voor deze test nog allemaal bij mij binnen. Dus geen zorgen dat het op de zaak binnenkomt.
Je kunt
hier het formulier vinden.
Bedankt alvast!
Bericht 2 van 24NL Computer Forum ~ Homepages & Web Van | : | Weskaap | Datum | : | 19-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.2 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
Bij mij blijft de verstuurknop uitgegrijsd (IE)
Jetty.
Save Pluto!
Bericht 3 van 24NL Computer Forum ~ Homepages & Web Van | : | Peter | Datum | : | 19-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.3 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
>>Ook zou ik graag willen weten hoe dat in FireFox afloopt. Ik weet niet of iemand hier FireFox heeft?<<
Jazeker :-)
Het was even zoeken naar de 'Ik ga Akkoord' checkbox om de knoppen vrij te geven maar daarna lukte het.
Zie de 2 bijlagen.
(Geen controle op een geldig emailadres?)
groeten, Peter
| Bijlagen : form1.bmp 2233KB (3MB) | akkoord.bmp 373KB |
Bericht 4 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 19-11-2006 | Aan | : | Weskaap | MsgID | : | 3156.4 | Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Jetty, Om het formulier te versturen MOET je akkoord gaan met de voorwaarden door een vinkje te zetten voor "Ik verklaar mij akkoord met...". Hierna worden, als het goed werkt, de knoppen actief. Ik begrijp dat dit niet helemaal duidelijk was? Is het nodig om het op een 1 of ander manier duidelijker te maken? Voor Peter was het ook al even zoeken... Stefan
Overzicht van 150 oude en minder bekende zwemslagen http://tinyurl.com/yuojv[/] |
Bericht 5 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 19-11-2006 |
Aan | : | Peter | MsgID | : | 3156.5 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Peter,
Ik heb je twee testjes binnen gekregen. :-)
>> Het was even zoeken naar de 'Ik ga Akkoord' checkbox Misschien moet ik dat op een 1 of andere duidelijker laten uitkomen.
>> (Geen controle op een geldig emailadres?)Nee, eigenlijk niet. Ik bedoel, een serieuze klant die bij ons zijn of haar schip wilt stallen, zorgt er wel voor dat er een geldig email-adres wordt opgegeven en dat zelf controleert, lijkt me. Tenminste, dat zou ikzelf wel altijd doen..
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 6 van 24NL Computer Forum ~ Homepages & Web Van | : | Michel Uphoff (Sysop) | Datum | : | 19-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.6 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
>> Ik begrijp dat dit niet helemaal duidelijk was? <<
Het is wel duidelijk (qua tekst enzo), maar dat kleine vinkboxje zie je tussen al die tekst te snel over het hoofd. Misschien kan je beter een button "Voor accoord" maken, waarna de send button actief wordt?
Michel Uphoff (NLcomputer)
Homepage
Bericht 7 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 19-11-2006 |
Aan | : | Peter | MsgID | : | 3156.7 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Peter,
Wat ik nog zeggen wilde; in 1 van je screenshots (form1.bmp) zag ik nog een andere onvolkomenheidje wat niets met het formulier zelf te maken heeft en dat is het dropdown-menuutje helemaal bovenaan. Is die bij jou helemaal leeg?
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 8 van 24NL Computer Forum ~ Homepages & Web Van | : | Peter | Datum | : | 19-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.8 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Stefan,
>>Is die bij jou helemaal leeg?<<
Nee, er staat bij aanvang
EXTRA: Maak uw keuze... (1e item in een lijst van 6. het 3e item lijkt leeg maar is 1 spatie lang)
Waarschijnlijk een screenshot na wat geexperimenteer.
Overigens zag ik na het vergelijken met IE dat de verticale pagina schuifbalk in IE aangepaste kleurtjes heeft.
FF ondersteund dat niet en houdt gewoon de standaard kleuren aan. Geeft ook geen foutmelding.
Peter
Bericht 9 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 20-11-2006 |
Aan | : | Peter | MsgID | : | 3156.9 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Peter,
>> Waarschijnlijk een screenshot na wat geexperimenteer.Okee, dan is het goed. :-)
Van de week zal ik bekijken of ik een controle voor het email-adres kan toevoegen aan het script en dat vinkje dat gauw over het hoofd wordt gezien.
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 10 van 24NL Computer Forum ~ Homepages & Web Van | : | Hans Le Roy/WUGNET | Datum | : | 20-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.10 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Dag Stefan,
Ik heb ook het formulier ingevuld.
Kan je PHP scripts op die server plaatsen? Het is misschien wat 'ernstiger' om je eigen PHP script te gebruiken.
Groeten,
Hans
Bericht 11 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 20-11-2006 |
Aan | : | Hans Le Roy/WUGNET | MsgID | : | 3156.11 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Hans,
Bedankt. Is goed aangekomen.
>> Kan je PHP scripts op die server plaatsen? <<
Nee. Tenzij we er een hostingspakket bij nemen of zelf de website gaan hosten. Maar op zich werkt het formulier goed, toch?
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 12 van 24NL Computer Forum ~ Homepages & Web Van | : | Hans Le Roy/WUGNET | Datum | : | 20-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.12 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Dag Stefan,
Ja hoor, het werkt.
mvg
Hans
Bericht 13 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 20-11-2006 |
Aan | : | Hans Le Roy/WUGNET | MsgID | : | 3156.13 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Mooi! :-)
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 14 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 21-11-2006 |
Aan | : | Hans Le Roy/WUGNET | MsgID | : | 3156.14 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Hans,
Enige nadeel is misschien, zodra je op de Verstuur-knop klikt, dat je wat engelstalige teksten er tussendoor krijgt. Dat heb ik al deels kunnen beperken door een Bedankt-pagina na het versturen te gebruiken.
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 15 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 21-11-2006 |
Aan | : | Allen | MsgID | : | 3156.15 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi,
Zojuist het formulier aangepast. Het volgende heb ik veranderd:
Er wordt nu een uitgebreide controle uitgevoerd op de juistheid van het email-adres d.m.v. een script.
Het vinkje bij "Ik verklaar mij akkoord" verwijderd en vervangen door een knop. Door het klikken op deze knop worden twee andere knoppen geactiveerd waarna je het formulier kan uitprinten of versturen.
Achter de schermen wordt er nog een verborgen veld meegestuurd die voor ons aangeeft dat de klant akkoord is gegaan. Op zich is het emailtje wat wij dan krijgen genoeg natuurlijk; de klant kan immers alleen versturen als hij/zij akkoord is gegaan.
[/list]Als jullie deze twee punten nog zouden willen testen/bekijken...heel graag!
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 16 van 24NL Computer Forum ~ Homepages & Web Van | : | Peter | Datum | : | 21-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.16 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
>>Als jullie deze twee punten nog zouden willen testen/bekijken...heel graag!<<
Prima opgelost.
Die lege item in de lijst bovenaan krijg je ook als je op de pagina bent na het verzenden en dan terugbladert.
Peter
Bericht 17 van 24NL Computer Forum ~ Homepages & Web Van | : | Michel Uphoff (Sysop) | Datum | : | 22-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.17 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
Lijkt mij prima zo. Maar misschien is een wat meer gerichte waarschuwing bij onvolledig invullen van het form nog net iets klantvriendelijker dan een lijstje met mogelijke fouten. Is eenvoudig te doen met iets als (plakbaar voorbeeldje):
<html>
<head>
<title>Test Form</title>
</head>
<body>
<FORM NAME=recept METHOD="post" ACTION="/cgi-bin/mail-a-form">
<INPUT TYPE="hidden" NAME="to" VALUE="somebody@somewhere.com">
<INPUT TYPE="hidden" NAME="Onderwerp" VALUE="Ingevuld formulier van mijn site">
<INPUT TYPE="hidden" NAME="nextpage" VALUE="Dank.html">
Naam:<br>
<input type="text" name="Naam" size="30" maxlength="50"><br>
Adres:<br>
<input type="text" name="Adres" size="30" maxlength="50"><br>
E-mailadres:<br>
<input type="text" name="Emailadres" size="30"><br>
<INPUT TYPE="submit" VALUE=Verzenden onClick="checkit()">
<input type="reset" value="Invoer wissen">
<SCRIPT>
function checkit()
{
if(document.recept.Naam.value==""){alert("U bent vergeten uw naam in te vullen");event.returnValue=false;}
else if(document.recept.Adres.value==""){alert("U bent vergeten uw adres in te vullen");event.returnValue=false;}
else if(document.recept.Emailadres.value==""){alert("U bent vergeten uw emailadres in te vullen");event.returnValue=false;}
}
</SCRIPT>
</form>
</body>
</html>
Michel Uphoff (NLcomputer)
Homepage
Bericht 18 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 22-11-2006 |
Aan | : | Peter | MsgID | : | 3156.18 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Peter,
>> Die lege item in de lijst bovenaan krijg je ook als je
>> op de pagina bent na het verzenden en dan terugbladert.
Heb ik (nog) niet kunnen reproduceren. Maar als je nog een keer daarnaar wilt kijken. Ik heb een HTML-tag in die lijst toegevoegd die er (normaal gesproken) voor zorgt dat altijd een bepaald item zichtbaar is bij het opvragen van een pagina. Misschien moet FF d.m.v. die tag even geforceerd worden om het eerste item weer te geven.
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 19 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 22-11-2006 |
Aan | : | Michel Uphoff (Sysop) | MsgID | : | 3156.19 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Michel,
>> nog net iets klantvriendelijker dan een lijstje met mogelijke fouten. <<Maar het is niet zomaar een lijstje, hoor. Hetgeen wat er in de lijst te zien is, is ook daadwerkelijk
niet ingevuld. Als je b.v. alleen je email-adres vergeet in te vullen, dan zie je in dat lijstje ook alleen de melding dat men het email-adres is vergeten in te vullen. Meer niet.
Maar ik snap je gedachtegang wel. Het nadeel daarvan, in het geval er meerdere velden niet zijn ingevuld, je bij elk niet ingevuld veld een melding krijgt zodra je op
Uitprinten of
Versturen klikt. Heb je de ene net herstelt, klik je op Versturen, blijkt dat je er nóg 1 vergeten bent. Eén-voor-één dus. Snap je een beetje wat ik bedoel?
Met de methode zoals ik nu heb, krijg je alles in één keer te zien. Kort maar krachtig.
Ik weet het nog niet, Michel.
Het is overigens wel een simpel script, terwijl de mijne wat meer sophisticated is. Zo kan ik in het script de velden die verplicht zijn hard coderen in een array. De rest gaat vanzelf.
Hieronder zie je dat script. Ik heb wel even e.e.a. weggelaten, want ik had aan het script zelf nog wat dingen toegevoegd/veranderd. En wellicht ben ik wat vergeten weg te halen (accolades b.v.), dus een juiste werking is niet gegarandeerd. Mocht het niet werken, dan moet ik het originele script even opzoeken.
function formCheck(formobj) { // Begin validation
// Enter name of mandatory fields
var fieldRequired = Array("name", "field-654f80668d918d3", "field-572881b85e09a4c",
"field-1f9ee6427291e90", "field-2ef01e7b73b2e91", "email"); // Enter the corresponding field description to appear in the dialog box
var fieldDescription = Array("Eigenaar / opdrachtgever", "Adres", "Postcode",
"Woonplaats", "Vinkje bij akkoord verklaring", "Email-adres"); // Dialog message
var alertMsg = "Vul alstublieft het onderstaande veld of velden in :\n\n"; var l_Msg = alertMsg.length; for (var i = 0; i < fieldRequired.length; i ) {
var obj = formobj.elements[fieldRequired[i]];
if (obj) {
switch(obj.type) {
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == "") {
alertMsg = " - " fieldDescription[i] "\n";
}
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg = " - " fieldDescription[i] "\n";
}
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null) {
alertMsg = " - " fieldDescription[i] "\n";
}
break;
default:
}
if (obj.type == undefined) {
var blnchecked = false;
for (var j = 0; j < obj.length; j ){
if (obj[j].checked) {
blnchecked = true;
}
}
if (!blnchecked){
alertMsg = " - " fieldDescription[i] "\n";
}
}
}
} if (alertMsg.length == l_Msg) {
return true;
}
else{
alert(alertMsg);
return false;
}
}
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Gewijzigd 22/11/2006 16:31 CET door
Stefan de Best (Sysop)
Bericht 20 van 24NL Computer Forum ~ Homepages & Web Van | : | Peter | Datum | : | 22-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.20 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Stefan,
>>Misschien moet FF d.m.v. die tag even geforceerd worden om het eerste item weer te geven. <<
Dit probleem doet zich alleen voor als ik GEEN keuze maak in die combobox.
Ik heb eens de broncode bekeken.
De geselecteerde optie in de combobox vind ik niet terug. Alle opties staan erwel maar geen 1 heeft de eigenschap
SELECTED meegekregen.
Waarom het met IE wel werkt snap ik niet. mogelijk pakt die automatisch de eerste.
Peter
Bericht 21 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 23-11-2006 |
Aan | : | Peter | MsgID | : | 3156.21 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Peter,
>> Waarom het met IE wel werkt snap ik niet. mogelijk pakt die automatisch de eerste. <<
Dat vermoed ik dus. Maar in ieder geval staat dit op de site waarbij het eerste item Selected heeft meegekregen:
// Geeft het pulldown-menu rechtsboven weer (het extra menu)
// Bij het selecteren van een optie wordt de functie GaNaar() aangeroepen
function ExtraMenu()
{
document.write('<form name="selecter"><select class="MenuOnTop" onChange="GaNaar()" name="select1" size=1>');
document.write('<option Selected Value=none>EXTRA: Maak uw keuze...');
document.write('<option Value=none>----------------------------');
document.write('<option Value=none> ');
//document.write('<option Value="StallingsForm.html">Winterstalling aanvragen');
document.write('<option Value="Downloads.html">Downloads');
document.write('<option Value="PhotoGallery.html">Foto galerij');
document.write('<option Value="Links.html">Links');
document.write('</select>');
document.write('</form>');
}
Wellicht bekijk jij een oude versie uit de cache?
Probeer eens Ctrl-F5 om een herload te forceren.
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 22 van 24NL Computer Forum ~ Homepages & Web Van | : | Michel Uphoff (Sysop) | Datum | : | 23-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.22 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Stefan,
>> Maar het is niet zomaar een lijstje, hoor. <<
O sorry, niet verder gekeken dan mijn neus lang was. Ik zag een box met alle verplichte velden (wat natuurlijk kan kloppen, want ik had niks ingevuld.. <G>), en dacht direct dat je altijd alle mogelijk vergeten velden opsomde. Had ff wat in moeten vullen, of de broncode in moeten kijken.
Jouw scriptje is inderdaad een stukkie slimmer dan mijn voorbeeldje.
Michel Uphoff (NLcomputer)
Homepage
Bericht 23 van 24NL Computer Forum ~ Homepages & Web Van | : | Stefan de Best (Sysop) | Datum | : | 23-11-2006 |
Aan | : | Michel Uphoff (Sysop) | MsgID | : | 3156.23 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Hoi Michel,
Wat ik wel zal doen is deze tekst
Vul alstublieft het onderstaande veld of velden in :
vervangen door
U bent vergeten het onderstaande veld of velden in te vullen :
Staat net ff beter denk ik.
Stefan
Overzicht van 150 oude en minder bekende zwemslagen
http://tinyurl.com/yuojv[/]
Bericht 24 van 24NL Computer Forum ~ Homepages & Web Van | : | Peter | Datum | : | 23-11-2006 |
Aan | : | Stefan de Best (Sysop) | MsgID | : | 3156.24 |
Onderwerp | : | BetaTest: Formulier op de website | Forum | : | ws-nlcomputer |
Stefan,
>>Wellicht bekijk jij een oude versie uit de cache?
Probeer eens Ctrl-F5 om een herload te forceren. <<
Dat werkt wel.
Peter