
$j ().ready(function() {

	// validate signup form on keyup and submit
	
	
	$j("#verzenden").click(function() { 
		if ($j("#contactformulier").valid())
		{
			$j ("#contactformulier").submit();
		}
		return false; 
	}); 

		
	$j ("#contactformulier").validate({
		rules: {	
			aanhef: {
				required: true
				},
			naam: {
				required: true,
				minlength: 2					
				},
			adres: {
				required: true
				},
			postcode: {
				required: true,
				minlength: 6
						
				},
			woonplaats: {
				required: true,
				minlength: 2
						
				},
			email2: {
				required: true,
				minlength: 5,
				email: true						
				},
			security_code: {
				required: true,
				minlength: 5,
				remote: "check_captcha.php"
			}
			

		},
		
		messages: {
			aanhef: {
				required: "<p class='fout'>Selecteer aub de juiste aanhef.</p>"
			},	
			naam: {
				required: "<p class='fout'>Voer uw naam in.</p>",
				minlength: "<p class='fout'>Minimaal 2 tekens.</p>"
			},
			adres: {
				required: "<p class='fout'>Voer uw adres in.</p>",
				minlength: "<p class='fout'>Minimaal 2 tekens.</p>"
			},
			postcode: {
				required: "<p class='fout'>Voer uw postcode in.</p>",
				minlength: "<p class='fout'>Minimaal 6 tekens.</p>"
			},
			woonplaats: {
				required: "<p class='fout'>Voer uw woonplaats in.</p>",
				minlength: "<p class='fout'>Minimaal 2 tekens.</p>"
			},
			email2: {
				required: "<p class='fout'>Voer uw e-mailadres in.</p>",
				minlength: "<p class='fout'>Minimaal 5 tekens.</p>",
				email: "<p class='fout'>Geen geldig e-mailadres</p>"
			},
			security_code: {
				required: "<p class='fout'>Voer de captcha in.</p>",
				minlength: "<p class='fout'>Minimaal 5 tekens.</p>",
				remote: "<p class='fout'>Captcha code klopt niet</p>"
			}
			
		},
		success: function(label) { 
            // set   as text for IE 
			
			label.closest('input').css('background', 'red');
        }
						

	});

	
});
