Hallo

Welkom, Gast. Alsjeblieft inloggen of registreren.

* * *

Recent

Wie zijn hier

254 gasten, 0 leden

Account

Welkom, Gast. Alsjeblieft inloggen of registreren.

19 april 2024, 18:38:37

Login met gebruikersnaam, wachtwoord en sessielengte

Nieuws

Welkom op het vernieuwde NL Computer Forum!

« vorige volgende »
Pagina's: [1]   Omlaag

Auteur Topic: BetaTest: Formulier op de website  (gelezen 10018 keer)

0 leden en 1 gast bekijken dit topic.

Offline NLCOMP

  • Forumheld
  • *****
  • Berichten: 14.666
    • NL Computer Forum
BetaTest: Formulier op de website
« Gepost op: 10 november 2009, 21:24:34 »
Bericht 1 van 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:19-11-2006
 Aan:AllenMsgID:3156.1
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:WeskaapDatum:19-11-2006
 Aan:Stefan de Best (Sysop)MsgID:3156.2
 Onderwerp:BetaTest: Formulier op de websiteForum:ws-nlcomputer
Hoi Stefan,


Bij mij blijft de verstuurknop uitgegrijsd (IE)
Jetty.
Save Pluto!


Bericht 3 van 24

NL Computer Forum ~ Homepages & Web
 Van:PeterDatum:19-11-2006
 Aan:Stefan de Best (Sysop)MsgID:3156.3
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:19-11-2006
 Aan:WeskaapMsgID:3156.4
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:19-11-2006
 Aan:PeterMsgID:3156.5
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL 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 websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:19-11-2006
 Aan:PeterMsgID:3156.7
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:PeterDatum:19-11-2006
 Aan:Stefan de Best (Sysop)MsgID:3156.8
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:20-11-2006
 Aan:PeterMsgID:3156.9
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Hans Le Roy/WUGNETDatum:20-11-2006
 Aan:Stefan de Best (Sysop)MsgID:3156.10
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:20-11-2006
 Aan:Hans Le Roy/WUGNETMsgID:3156.11
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Hans Le Roy/WUGNETDatum:20-11-2006
 Aan:Stefan de Best (Sysop)MsgID:3156.12
 Onderwerp:BetaTest: Formulier op de websiteForum:ws-nlcomputer
Dag Stefan,


Ja hoor, het werkt.


mvg
Hans

Bericht 13 van 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:20-11-2006
 Aan:Hans Le Roy/WUGNETMsgID:3156.13
 Onderwerp:BetaTest: Formulier op de websiteForum:ws-nlcomputer
Mooi! :-)

Stefan

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]
 

Bericht 14 van 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:21-11-2006
 Aan:Hans Le Roy/WUGNETMsgID:3156.14
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:21-11-2006
 Aan:AllenMsgID:3156.15
 Onderwerp:BetaTest: Formulier op de websiteForum: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 24

    NL Computer Forum ~ Homepages & Web
     Van:PeterDatum:21-11-2006
     Aan:Stefan de Best (Sysop)MsgID:3156.16
     Onderwerp:BetaTest: Formulier op de websiteForum: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 24

    NL 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 websiteForum: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):


    Code: [Selecteer]
    <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 24

    NL Computer Forum ~ Homepages & Web
     Van:Stefan de Best (Sysop)Datum:22-11-2006
     Aan:PeterMsgID:3156.18
     Onderwerp:BetaTest: Formulier op de websiteForum: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 24

    NL 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 websiteForum: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.


    Code: [Selecteer]
        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 24

    NL Computer Forum ~ Homepages & Web
     Van:PeterDatum:22-11-2006
     Aan:Stefan de Best (Sysop)MsgID:3156.20
     Onderwerp:BetaTest: Formulier op de websiteForum: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 24

    NL Computer Forum ~ Homepages & Web
     Van:Stefan de Best (Sysop)Datum:23-11-2006
     Aan:PeterMsgID:3156.21
     Onderwerp:BetaTest: Formulier op de websiteForum: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:


    Code: [Selecteer]
    // 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 24

    NL 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 websiteForum: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 24

    NL 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 websiteForum: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 24

    NL Computer Forum ~ Homepages & Web
     Van:PeterDatum:23-11-2006
     Aan:Stefan de Best (Sysop)MsgID:3156.24
     Onderwerp:BetaTest: Formulier op de websiteForum: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



    Gelogd
    Pagina's: [1]   Omhoog
    « vorige volgende »