// 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
	$("#geboortedatum").datepicker($.extend({}, 
		$.datepicker.regional["nl"], { 
    	showStatus: true, 
    	//showOn: "both", 
    	//buttonImage: "../images/calendar.gif", 
    	//buttonImageOnly: true, 
    	yearRange: '-65:-18',
    	dateFormat: 'dd-mm-yy'
    	
	})); 
	 
	$("#jobresponds").validate({
	
		//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: {
			
			//for id "username"
			voorletters: {
				required: true,
				minlength: 1
			},
			roepnaam: {
				required: true,
				minlength: 2
			},
			achternaam: {
				required: true,
				minlength: 2
			},
			geboortedatum: {
				required: true
			},
			adres: {
				required: true,
				minlength: 3
			},
			postcode: {
				required: true
			},
			woonplaats: {
				required: true
			},
			email: {
				required: true,
				//It is an E-Mail address
				email: true
			},
			jaarsalaris: {
				required: function(element) {
					return $("#uurtarief").val().length == 0;
				}
			},
			uurtarief: {
				required: function(element) {
					return $("#jaarsalaris").val().length == 0;
				}
			},
			cv: {
				required: true,
				accept: "doc"
			},
			userfile: {
				required: true
			},


			year: {
			digits: true
			}

			
		},
		
		//Here the error messages for all rules are defined.
		messages: {
			voorletters: {
				required: 'Vul uw voorletter(s) in',
				minlength: 'U heeft tenminste 1 voorletter'
			},
			roepnaam: {
				required: 'Vul uw roepnaam in',
				minlength: 'Uw roepnaam moet tenminste 2 letters lang zijn'
			},
			achternaam: {
				required: 'Vul uw achternaam in',
				minlength: 'Uw achternaam moet tenminste 2 letters lang zijn'
			},
			geboortedatum: 'Vul uw geboortedatum in',
			adres: 'Vul uw adres in',
			postcode: 'Vul uw postcode in',
			woonplaats: 'Vul uw woonplaats in',
			email: 'Vul een correct email adres in',
			jaarsalaris: 'Vul uw jaarsalaris in',
			uurtarief: 'Vul uw uurtarief in',
			cv : {
				required: 'Voeg uw CV toe',
				accept: 'Alleen Word (.doc) documenten toegestaan'
			},
			userfile : {
				required: 'Voeg uw CV toe'
			},

			day: {
				digits: 'Alleen de cijfers van uw dag'
			},
			month: {
			digits: 'Alleen de cijfers van uw maand'
			},
			year: {
				digits: 'Alleen de cijfers van uw geboortedatum'
			}
		},
		
        // specifying a submitHandler prevents the default submit, good for the demo 
        //submitHandler: function() { 
        //    alert("submitted!"); 
        //}, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set   as text for IE 
            label.html(" ").addClass("checked"); 
        }
	});
});