Checkbox validatie

Status
Niet open voor verdere reacties.
C

CarloCNO

Gebruiker
Lid geworden
12 okt 2013
Berichten
6
Wie kan mij helpen met het maken van een validatie script, javacript?

Ik wil een contactformulier opstellen wat op zich allemaal wel lukt alleen krijg ik 1 ding niet voor elkaar:

Probleem waar ik mee zit, voorbeeld:
Ik heb 2 checkboxen (1= antwoord JA, 2= antwoord NEE). Eén van de twee MOET worden ingevuld. Heb je dit niet gedaan dan zou hiervan een melding voor moeten komen met b.v. "maak een keuze". Vervolgens: indien 1 (JA) is geselecteerd dan kan het formulier verzonden worden. Indien 2 (NEE) is geselecteerd dan MOET een reden ingevuld worden in een textvak.

Is hiervoor een javascript voor handen?

Gr, Carlo
 
Is het geen optie om een radiobutton te gebruiken ipv een checkbox ?
Dan KAN er altijd maar één geactiveerd zijn.

Vervolgens standaard het minst aantrekkelijke antwoord als standaard aanvinken bij tonen van de pagina.

Kans dat het dan nog mis gaat is nihil.

bijv. Wil je € 100.000 hebben ? Ja / Nee
Dan zorg je dat nee geactiveerd is.
Zeker weten dat men graag even ja aan klikt.

Op die manier heb je geen Javascript nodig en handel je het in HTML af.
 
Even snel iets gemaakt, misschien dat je hier iets aan hebt:
Code: 
<!DOCTYPE html>
<html>
<head>
    <title>RadioButtons</title>

    <script>
        function checkForm() {
            if (radioForm.ja.checked == false && radioForm.nee.checked == false) {
                alert("Maak een keuze.");
            }
            else if (radioForm.ja.checked == true) {
                alert("Ja ingevuld.");
                //Formulier kan verzonden worden
            }
            else if (radioForm.nee.checked == true) {
                alert("Vul een reden in.");
                //Tekstvak aanmaken
            }

        }
    </script>
</head>
<body>


    <form onsubmit="checkForm()" name="radioForm">
        <input type ="radio" name="groep1" id="ja" value="ja"> Ja
        <input type ="radio" name="groep1" id="nee" value="nee"> Nee
        <input type ="submit" value="submit">
    </form>

</body>
</html>
 
Laatst bewerkt:
Môge..!!

Bedankt voor de info en hulp! Probleem waar ik nog mee zit: of ik een radiobutton of een aanvink optie gebruik, het probleem blijft hetzelfde > Indien NEE wordt geselecteerd MOET er een tekstveld ingevuld worden. Is de optie gekenmerkt met JA dan hoeft er geen tekstveld ingevuld te worden.

@Remco: bedankt voor je genomen moeite! Script werkt echter niet precies zoals ik bedoel. Er wordt een allert gegeven wat prima werkt. Alleen wat ik bedoel is zoals hierboven omschreven: JA geselecteerd = zonder allert het formulier verzenden, NEE geselecteerd is VERPLICHT een tekstveld invullen, pas dan verzenden. Wanneer het tekstveld niet ingevuld is, kan het formulier niet verzonden worden.

Gr, Carlo
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan