HELP? Show div na invullen alle velden

Status
Niet open voor verdere reacties.
G

gast0123

Gebruiker
Lid geworden
25 feb 2012
Berichten
7
Hi,

ik ben op zoek naar een javascript.

Ik heb een formulier met verschillende inputs, radio, checkbox etc.
Nu zou ik graag willen, dat wanneer alle velden zijn ingevoerd, er een DIV tevoorschijn komt.

Ik heb verschillende validators gevonden, maar die maken het alleen mogelijk om aan te geven welke vragen er nog ingevuld moeten worden.

Nu ben ik dus op zoek, naar een script die herkend dat alle velden zijn ingevuld, en daarop de DIV laat zien.

Iemand een idee hoe ik dit kan doen?
 
Dat zou je zo ongeveer kunnen doen (simpel voorbeeldje):
HTML: 
<html>
<head>
<script type="text/javascript">
<!--
function controleer()
{
  if (document.getElementById('blaat').value != '' && document.getElementById('cbox').checked && document.getElementById('radio').checked)
  {
    document.getElementById('verborgen').style.visibility = "visible";
  }
}
// -->
</script>
</head>
<body>
<input type="text" name="blaat" id="blaat" onKeyUp="controleer()"><br>
<input type="checkbox" name="cbox" id="cbox" value="iets" onClick="controleer()"><br>
<input type="radio" name="radio" id="radio" value="iets_anders" onClick="controleer()"><br>
<div id="verborgen" style="visibility:hidden">
dit is verborgen
</div>
</body>
</html>
 
Laatst bewerkt:
Ja, top, dat is wat ik nodig heb!
Nu wil ik het ook zo instellen, dat wanneer er een veld weer leeg komt, de DIV ook weer verdwijnt.
Hoe zou ik die dan kunnen maken?

function controleer()
{
if (document.getElementById('blaat').value != '' && document.getElementById('cbox').unchecked && document.getElementById('radio').unchecked)
{
document.getElementById('verborgen').style.visibility = "visible";
}
}

Zoiets?
 
Voor anderen met ditzelfde probleem, je functie zou er dan zo uit moeten zien.

[js]function controleer()
{
if (document.getElementById('blaat').value != '' && document.getElementById('cbox').checked && document.getElementById('radio').checked)
{
document.getElementById('verborgen').style.visibility = "visible";
}
else
{
document.getElementById('verborgen').style.visibility = "hidden";
}
}[/js]
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan