// I set the debug option to true, so the data is not commited, 
// enabling me to review the outcome.
$.validator.setDefaults({
	debug: false
});


$(document).ready(function() {
	 // validate signup form on keyup and submit
	$("#subscribeform").validate({
		ignoreTitle: true,
		//As soon as a key within a form field in “myform” is release then start
		event: "keyup",
		
		//Here the rules for the individual inputs are defined.
		rules: {
			agree: {
				required: true
			},

			
			bedrijfsnaam: {
				required: true,
				minlength: 2
			},
			voornaam: {
				required: true,
				minlength: 2
			},
			tussenvoegsel: {
				required: true,
				minlength: 2
			},
			achternaam: {
				required: true,
				minlength: 2
			},


			subscriber_name: {
				required: true,
				minlength: 2
			},
			email_address: {
				required: true,
				email: true
			},
			email_test: {
				required: true,
				equalTo: "#email_address"
			}
		},
		
		//Here the error messages for all rules are defined.
		messages: {
			agree: {
				required: 'Vul uw overleg in'
			},



			bedrijfsnaam: {
				required: 'Vul uw bedrijfsnaam in',
				minlength: 'Uw bedrijfsnaam moet tenminste 2 letters lang zijn'
			},
			voornaam: {
				required: 'Vul uw voornaam in',
				minlength: 'Uw voornaam moet tenminste 2 letters lang zijn'
			},
			tussenvoegsel: {
				required: 'Vul uw tussenvoegsel in',
				minlength: 'Uw tussenvoegsel moet tenminste 2 letters lang zijn'
			},
			achternaam: {
				required: 'Vul uw achternaam in',
				minlength: 'Uw achternaam moet tenminste 2 letters lang zijn'
			},

			subscriber_name: {
				required: 'Vul uw naam in',
				minlength: 'Vul tenminste 2 letters in'
			},
			email_address: {
				required: 'Vul uw email adres in',
				email: 'Vul een correct email adres in'
			},
			email_test: {
				required: 'Vul het controle email adres in',
				equalTo: 'Het ter controle ingevulde email adres is niet gelijk aan het ingevulde email adres.'
			}
		},
		
        // specifying a submitHandler prevents the default submit, good for the demo 
        submitHandler: function() { 
            form.submit(); 
        }, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set   as text for IE 
            label.html(" ").addClass("checked"); 
        }
	});
});