Hey cp,
Na me vorige topic heb ik nu 2 checkboxes; anoniem en vrij. Als anoniem gekozen is gebeurd er verder niks, als vrij gekozen is komt er een textarea tevoorschijn waar de gebruiker een naam in kan vullen.
Ik wil nu met jQuery een real time valadation maken. Ik heb echter geen ervaring met jQuery, hoe kan ik het volgende maken?
- Als de gebruiker anoniem heeft aangevinkt, is het correct.
- Als de gebruiker vrij heeft aangevinkt en een naam heeft opgegeven, is het correct.
- Als de gebruiker beide vakjes geselecteerd heeft is het foutief.
- Als de gebruiker vrij gekozen heeft, maar geen naam heeft ingevuld, is het foutief.
Als het correct is komt er een vinkje en als het foutief is komt er een kruis.
Ik ben nu al een tijdje aan het zoeken op google, echter kom ik daar veel artikelen tegen waar uitgebreide formulieren worden validated. Ik kan hierdoor niet zien wat ze nou doen aangezien het een hele mak HTML & jquery code is. Verder wordt het niet echt duidelijk uitgelegd en is het engels, ook kom ik niet verder omdat hun formulieren validate, en ik moet een checkbox validate.
Kan iemand mij op weg helpen? Ik heb nog geen enkele ervaring met jQuery.
Dit is het scriptje:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script>
<SCRIPT LANGUAGE="javascript">
function toggle(what,targetId) {
target = document.getElementById(targetId);
target.style.display = (what.checked)?'':'none';
}
function untoggle() {
document.getElementById('divtochange').style.display = "none";
}
</SCRIPT>
<table colspan="2" width="100%">
<tr>
<td width="70%">
<FORM NAME="keuze" form id="jform" method="post">
<INPUT TYPE="radio" NAME="type" value="ano" onClick="untoggle()" checked="checked" /> Ik wil het account aangeven als anoniem voor de gebruikers.<br />
<INPUT TYPE="radio" NAME="type" value="vrij" onClick="toggle(this,'divtochange');" /> Ik geef de naam van het account weer aan de gebruikers.<br />
</FORM>
div id="divtochange" style="display:none;">
<br /><table align="center"><tr align="center">
account naam: <br /> <input name="naam" id="f1" type="text" maxlength="20" style="background-color: #d7ba81; width:150px; background-color: #d7ba81; border-width: 1px; border-style: solid; border-color: #000000;" />
</tr></table>
</div>Alvast bedankt!
