Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

JavScript validatie keuzelijst

maIRnaairruJ
4 antwoorden
  • Hallo allemaal,

    Ik heb een formulier dat gecontroleerd wordt d.m.v. een extern javascript. De invulvelden werkten goed totdat ik besloot ook de invoer van keuzelijsten te controleren. Nu krijg ik steeds de melding dat de waarden in de keuzelijsten niet zijn ingevuld.

    Ik heb geen idee hoe ik dit moet oplossen. Kan het eigenlijk wel?

    Zo staat het in het .js bestand:

    [code:1:f1d892a99d]function validateForm()
    {
    //check of Aanheft leeg is
    if (document.toevoegen.elements['aanhef'].value == "")
    {
    alert("U heeft geen Aanhef ingevuld");
    document.toevoegen.elements['aanhef'].focus();
    return(false);
    }[/code:1:f1d892a99d]

    Dit staat in het formulier:

    [code:1:f1d892a99d]<SELECT NAME="aanhef" SIZE="1" ID="aanhef">
    <OPTION SELECTED></OPTION>
    <OPTION>Mevr.</OPTION>
    <OPTION>Dhr.</OPTION>
    </SELECT>[/code:1:f1d892a99d]

    Het veld wordt met Option selected expres leeg gelaten zodat men MOET kiezen.

    Heeft iemand een oplossing voor dit probleem?
  • Misschien zo?
    [code:1:75b7059429]
    <SELECT NAME="aanhef" SIZE="1" ID="aanhef">
    <OPTION SELECTED value=""></OPTION>
    <OPTION value="mevr">Mevr.</OPTION>
    <OPTION value="dhr">Dhr.</OPTION>
    </SELECT>
    [/code:1:75b7059429]
  • [code:1:df067d14cb]var sel = document.toevoegen.elements['aanhef'];

    if (sel.options[sel.selectedIndex].value == "")
    …[/code:1:df067d14cb]
  • Het eerste antwoord werkt niet dat had ik al geprobeerd. Van het tweede antwoord begrijp ik niet veel.

    [code:1:05ed059449]var sel = document.toevoegen.elements['aanhef'];

    if (sel.options[sel.selectedIndex].value == "")
    …[/code:1:05ed059449]
    Wordt het dan:

    [code:1:05ed059449]var sel = document.toevoegen.elements['aanhef'];
    if (sel.options[sel.selectedIndex].value == "")
    {
    alert("U heeft geen Aanhef ingevuld");
    document.toevoegen.elements['aanhef'].focus();
    return(false);


    }[/code:1:05ed059449]

    Want dat werkt ook niet

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.