[JS] form submit werkt niet

[chuxiej]

Hoi tweakers,

Ik probeer dat een formpje gecheckt wordt voor dat die submit via dit scriptje:

JavaScript:

<script language='Javascript'>
        function signup_form_check()
        {
            if(document.forms.signupForm.nickname.value.length < 2)
            {
                alert('Please enter a nickname of at least 2 chars');
            } else if(document.forms.signupForm.name.value.length < 2)
            {
                alert('Please enter a name of at least 2 chars');
            } else if(document.forms.signupForm.email.value.length < 2)
            {
                alert('Please enter a e-mail of at least 2 chars');
            } else if(document.forms.signupForm.city.value.length < 2)
            {
                alert('Please enter a city of at least 2 chars');
            } else if(document.forms.signupForm.country.value == "blank")
            {
                alert('Please select your country.');
            } else
            {
                document.signupForm.submit();
            }
        }
        </script>

Het form element:

HTML:

<form method='post' action='index.php' name='signupForm'>

Ik krijg deze error:
Deze eigenschap of methode wordt niet ondersteunt door dit object.

Weet iemand wat ik fout gedaan heb?
Ik zit er al een uur mee te kloten maar krijg het niet aan de praat

[Reptile209]

Volgens mij moet forms weg uit document.forms.signupForm.bla. Dus gewoon direct document.signupForm.nickname.value

Misschien heb je nog wat aan dit voorbeeld (onderaan de pagina).

[ Voor 33% gewijzigd door Reptile209 op 29-08-2003 19:03 ]

[Preatorium]

Functie ziet er goed uit zo. Maakt niet uit of je elseif of else if gebruikt? Daarnaast mag je .forms. eruit laten. Wordt dus document.signupForm.....

[chuxiej]

JavaScript:

<script language='Javascript'>
        function signup_form_check()
        {
            if(document.signupForm.nickname.value.length < 2)
            {
                alert('Please enter a nickname of at least 2 chars');
            } else if(document.signupForm.name.value.length < 2)
            {
                alert('Please enter a name of at least 2 chars');
            } else if(document.signupForm.email.value.length < 2)
            {
                alert('Please enter a e-mail of at least 2 chars');
            } else if(document.signupForm.city.value.length < 2)
            {
                alert('Please enter a city of at least 2 chars');
            } else if(document.signupForm.country.value == "blank")
            {
                alert('Please select your country.');
            } else
            {
                document.signupForm.submit();
            }
        }
        </script>

dat is hem nu.
maar het werkt nog steeds niet

en elseif werkt niet in js alleen in php
in js moet je else if of
else
if
gebruiken

[Preatorium]

Installeer Netscape, heeft een Javascript debugger. Geeft fouten een stuk duidelijker.
Als je statement niet correct is en een variable is niet gedefineerd dan zal hij dit aangeven:
Error: foo is not defined
(defined suggest variable)

[crisp]

toevallig een element met name="submit" in je form staan?

ik zou een check trouwens altijd via de onsubmit handler doen en false of true teruggeven.
zie ook dit topic: [rml][ js] Confirmvenster voor submitten[/rml]

[ Voor 67% gewijzigd door crisp op 29-08-2003 19:16 ]

[chuxiej]

crisp schreef op 29 August 2003 @ 19:14:
toevallig een element met name="submit" in je form staan?

ik zou een check trouwens altijd via de onsubmit handler doen en false of true teruggeven.
zie ook dit topic: [rml][ js] Confirmvenster voor submitten[/rml]

JavaScript:

<script language='Javascript'>
        function signup_form_check()
        {
            if(document.signupForm.nickname.value.length < 2)
            {
                alert('Please enter a nickname of at least 2 chars');
                return flase;
            } else if(document.signupForm.name.value.length < 2)
            {
                alert('Please enter a name of at least 2 chars');
                return false;
            } else if(document.signupForm.email.value.length < 2)
            {
                alert('Please enter a e-mail of at least 2 chars');
                return false;
            } else if(document.signupForm.city.value.length < 2)
            {
                alert('Please enter a city of at least 2 chars');
                return false;
            } else if(document.signupForm.country.value == "blank")
            {
                alert('Please select your country.');
                return false;
            } else
            {
                return true;
            }
        }
        </script>

Ik heb nu dit maar als er iets fout is dan submit het form wel gewoon na de alert

[crisp]

HTML:

<form ..... onsubmit="return signup_form_check()">

je kan nu zelfs een referentie van je form meegeven, waardoor alles nog wat korter kan:

HTML:

<form ..... onsubmit="return signup_form_check(this)">

JavaScript:

<script type="text/javascript">
        function signup_form_check(myForm)
        {
            if(myForm.nickname.value.length < 2)
            {
                alert('Please enter a nickname of at least 2 chars');
                return flase;
// etc.

of zelfs:

JavaScript:

with (myForm) {

  if (nickname.value.length < 2) ....

}

_{ik strooi gewoon wat weetjes ter leering ende vermaeck}

[ Voor 18% gewijzigd door crisp op 29-08-2003 19:25 ]

[chuxiej]

thnx crisp het werkt op die manier

JavaScript:

        function signup_form_check(myForm)
        {
            with(myForm)
            {
                if(nickname.value.length < 2)
                {
                    alert('Please enter a nickname of at least 2 chars');
                    return false;
                } else if(name.value.length < 2)
                {
                    alert('Please enter a name of at least 2 chars');
                    return false;
                } else if(email.value.length < 2)
                {
                    alert('Please enter a e-mail of at least 2 chars');
                    return false;
                } else if(city.value.length < 2)
                {
                    alert('Please enter a city of at least 2 chars');
                    return false;
                } else if(country.value == "blank")
                {
                    alert('Please select your country.');
                    return false;
                } else
                {
                    return true;
                }
            }
        }

[crisp]

FireFoxx schreef op 29 August 2003 @ 19:34:
thnx crisp het werkt op die manier
[...]

inderdaad; netjes zo

[Annie]

crisp schreef op 29 August 2003 @ 21:01:
[...]

inderdaad; netjes zo

he bah, crisp, form elementen aanspreken zonder gebruik te maken van de elements collection