checboxes

Status
Niet open voor verdere reacties.

alain1988

Terugkerende gebruiker
Lid geworden
29 jan 2010
Berichten
1.175
Beste,

ik ben bezig met een website te coderen maar nu wil ik het volgende en weet niet hoe dit te doen
de gebruikers moeten een checkbox aanvinken dat ze zeggen dat ze 18 jaar of ouder zijn
en een checkbox aanvinken dat ze de gebruikers overeenkomst gelezen hebben

indien ze geen 18 jaar zijn terug keren naar home page
indien agreement niet aangevinkt medeling je moet de overeenkomst goedkeuren

als ze voorbij die tjeks zijn moet deze naar een php regiristratie formulier doorgaan.

alvast bedankt
 
Je zou dit in php kunnen maken, geef een bericht wanneer je checks niet kloppen.

Zolang je je checkbox maar in een formulier doet wordt deze meegestuurd.

Je zou dit client based kunnen doen, zodat ze niet op doorgaan kunnen klikken, dit kan met javascript. jquery is daarbij ook wel handig.
Zorg er dan wel voor dat de verder knop in het begin aan staat zodat mensen zonder javascript ingeschakeld wel kunnen doorgaan en vang het alsnog op in de php voor het geval dat er iemand leuk met xss(cross site scripting) bezig is.
 
heb je zo geen voorbeeld script die dat doet ik ben niet zo goed in JS
 
hier heb ik een voorbeeld, deze is wel met jquery.min.js:

HTML:
<html>
	<head>
		<title>voorbeeld javascript button met javascript</title>
		<script src="includes/jquery.min.js"></script>
		<script language="javascript">
			$(document).ready(function() {
				$("#submitButton").attr('disabled', true);
				
				$("#oldEnoughCheckbox").change(function(){
					if($("#oldEnoughCheckbox:checked").val() !== undefined)
					{
						$("#submitButton").removeAttr('disabled');
					}
					else
					{
						$("#submitButton").attr('disabled', true);
					}
				});
			});
		</script>
	</head>
	<body>
		<form action="register.php?action=register">
			<input  type="checkbox" name="oldEnoughCheckbox" id="oldEnoughCheckbox"/>
			<input  type="submit" name="submit" id="submitButton" value="registreer" />
		</form>
	</body>
</html>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan