Hoi,

gezien javascript niet mijn allersterkste punt is, was het wel te verwachten dat ik zo af en toe een keer een probleem ging hebben hiermee.

De Situatie
Ik heb een formulier met daarin zo'n 80 velden die je moet invullen (varienend van textareas tot radiobuttons) en nu wil ik middels javascript deze velden controlen op waarde, en als er een veld vergeten is in te vullen moet het script een alert weergeven met daarin een korte beschrijving van welke vraag vergeten is, als alles ingevuld is, mag je doorgaan met submitten.

Het script
Tot dusver ik hetvolgende opgezet (in de HEAD-tag van de pagina)

Code:

<script type="text/javascript">
    function checkForm() {
        if(document.enquette.vraag_1.value.length == 0) {
            alert('U heeft vraag 1 niet ingevuld'); 
        }
        else if(document.enquette.vraag_2.value.length == 0) {
            alert('U heeft vraag 2 niet ingevuld'); 
        }
       [.....]
        else {
            
            document.enquette.submit();
            
        }
    }
</script>

Vervolgens plaats ik deze button in het formulier:

Code:

<input type="button" name="submit" onClick="checkForm();" value="Bevestig Antwoorden">

De behandeling van het formulier vind plaatst middles PHP met if(isset($_POST['submit'])).

Echter het script lijkt helemaal niets uit te voeren, zowel bij een geheel blanco formulier als een deels ingevuld formulier als een compleet formulier gebeurt er niets.

Iemand die me hier wat raad over kan geven?

Alvast bedankt!

Niemand? Eventueel, mits gewild een vergoeding van 5€ (klein .. maar ik neem dan ook aan dat het maar een klein dom foutje is).

Ik kan het niet oplossen voor je, maar mijn vraag is, waarom geen PHP?

Javascript leek me in feite een handigere oplossing omdat ik op dat moment niet 80x een veldwaarde hoef te gaan controleren na de post.. ik wilde javascript gebruiken om al voor het submitten alles te controleren om zo te voorkomen dat ingevulde antwoorden niet zomaar kunnen verwijden bij het 'terug' klikken of na het submitten, dat zou nogal vervelend zijn bij een dergelijk lang formulier :)

@joshua, waarom geen simpele AJAX check doen?
per veld geef je een type + value op in de parameters naar de PHP pagina, die kent op zijn beurt weer de constraints en de rest snap je wel ;)

AJAX is niet echt mijn kennisgebied. Kan er op basis van uitleg wel wat van maken (tutorials bijv. op readme's bij scripts), maar zelf opzetten lukt me nog niet echt.

Maar zoals altijd sta ik natuurlijk wel open voor nieuwe dingen, als je me een werkend voorbeeld zou kunnen laten zien van de AJAX check zal ik deze zeker in overweging nemen (of gebruiken natuurlijk).

Ik had overigens al eens gezocht op internet voor een java/ajax script wat uit zichzelf een formulier kan uitlezen (de veldnamen) en deze controleerd.. maar zover ik was gekomen heb ik niets kunnen vinden wat ook daadwerkelijk werkte zonder dat je er zelf enige systeem in zet ;-)

Reeds opgelost,.. alle veldnamen maar in een PHP array gestopt die ze stuk voor stuk uitleest en de lengte bekijkt en vervolgens weer een array vult met lege velden.

Een uur werk eraan om dit goed te krijgen (ivm +- 30 vragen met 10 radiobuttons per vraag om een waardering te geven), maargoed :) We hebben het.

Toch bedankt voor de moeite ;)