Archief - Controle op invoervelden probleem

-dawnz- · 16 jun 2010

hallo,

Ik was bezig met een simpel scriptje voor een controle op invoervelden te maken. heb het simpel gehouden om te zien of mijn controles weldegelijk werken. maar ze werken dus niet, ik vind de fouten niet en op internet hebben zo ongeveer hetzelfde als mij?

de code is als volgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type ="text/javascript">

function formulierValideren(from)
{
with(form.gebruikersnaam){

if(value==''||value == NULL)
{
alert('Vul een gebruikersnaam in');
return false;
}
}

with(form.wachtwoord)
{
if(value=='')
{
alert('Geef een wachtwoord op');
return false;
}
}

with(form.bevestig)
{
if(value==''||value == NULL)
{
alert('Geef een wachtwoord op');
return false;
}

if(value!=form.wachtwoord.value)
{
alert('Het wachtwoord komt niet overeen');
return false;
}
}
with(form.voorwaarden)
{
if(checked == false){
alert('Gelieve de voorwaarden te accepteren');
return false;
}

}
return true;
}
</script>
</head>
<body>
<form onsubmit=formulierValideren(this)>
Geef gebruikersnaam: <input type="text" name="gebruikersnaam"/><br/>
Geef wachtwoord: <input type="password" name="wachtwoord"/><br/>
Bevestig wachtwoord: <input type="password" name="bevestig"/><br/>
Algemene voorwaarden: <input type="checkbox" name="voorwaarden"><br/>
<input type="submit" name ="Submit" value = "Controleer"/>
</form>
</body>
</html>

zoals je kan zien, zo simpel als iets maar werkt niet. als ik op controle klik gebeurt er niets en gaan de waarden gewoon weg, ook al vul ik niet in, gebeurt niet.

iemand die me kan helpen?

grtz

dawnz

-dawnz- · 16 jun 2010

na lang zoeken het ik het gevonden. verkeerde naam bij het linken naar de functie

er stond function formulierValideren(from) ipv form

er is nog een probleem:

Alleen mijn gebruikersnaam veld wordt gecontroleerd, mijn andere velden niet.
wat is er mis? iemand die me vlug kan helpen?

Drone · 16 jun 2010

Omdat je return false doet? Als de code een return tegenkomt zal alles wat er achter in die functie staat niet worden uitgevoerd.

Als je de return weghaalt zal je wel nogal een raar effect krijgen. Dan krijg je per niet valid field een alert box.

De oplossing is om aan het begin van de functie een paar variabelen te definiëren.

Iets dat lijkt op dit:

Code:

function validateForm(){
    var errorMsg = "";
    var validForm = true;

    if(gebruikersnaam == ""){
         errorMsg += "Gebruikersnaam is invalid.";
         validForm = false;
    }

    if(pass == ""){
         errorMsg += "Pass is invalid.";
         validForm = false;
    }

    ...

    if(!validForm){
        alert(errorMsg);
    }

}

Zero Grav · 16 jun 2010

Ik weet niet of ge gewoon aan't leren zijt ofzo, maar als ge het uzelf gemakkelijker wilt maken hebt ge ook altijd gewoon de premade validation plugins zoals Ketchup Plugin

Archief - Controle op invoervelden probleem

-dawnz-

Legacy Member

-dawnz-

Legacy Member

Drone

Legacy Member

Zero Grav

Legacy Member