// JavaScript Document

window.onload = function(){
document.getElementById('userLogin').onblur = function(evt){return validateNonEmpty(document.getElementById('userLogin'),document.getElementById('errLogin'))};


document.getElementById('userPassword').onblur = function(evt){return validateNonEmpty(document.getElementById('userPassword'),document.getElementById('errPassword'))};



document.getElementById('userretypedPassword').onblur = function(evt){return validateNonEmpty(document.getElementById('userretypedPassword'),document.getElementById('errretypePassword'))};


document.getElementById('userNaam').onblur = function(evt){return validateNonEmpty(document.getElementById('userNaam'),document.getElementById('errNaam'))};



document.getElementById('userVoornaam').onblur = function(evt){return validateNonEmpty(document.getElementById('userVoornaam'),document.getElementById('errVoornaam'))};



document.getElementById('userEmail').onblur = function(evt){return validateNonEmpty(document.getElementById('userEmail'),document.getElementById('errEmail'))};



document.getElementById('userTel').onblur = function(evt){return validateNonEmpty(document.getElementById('userTel'),document.getElementById('errTel'))};



document.getElementById('userStraat').onblur = function(evt){return validateNonEmpty(document.getElementById('userStraat'),document.getElementById('errStraat'))};



document.getElementById('userNummer').onblur = function(evt){return validateNonEmpty(document.getElementById('userNummer'),document.getElementById('errNummer'))};



document.getElementById('userPostcode').onblur = function(evt){return validateNonEmpty(document.getElementById('userPostcode'),document.getElementById('errPostcode'))};



document.getElementById('userPlaats').onblur = function(evt){return validateNonEmpty(document.getElementById('userPlaats'),document.getElementById('errPlaats'))};





document.getElementById('userretypedPassword').onblur = function(evt){return validateRetypePassword(document.getElementById('userretypedPassword'),document.getElementById('errretypePassword'))};


document.getElementById('userEmail').onblur = function(evt){return validateEmail(document.getElementById('userEmail'),document.getElementById('errEmail'))};


document.getElementById('verzenden').onclick = function(evt){return register()};


document.getElementById('userPostcode').onblur = function(evt){return validatePostcode(document.getElementById('userPostcode'),document.getElementById('errPostcode'))};

document.getElementById('userTel').onblur = function(evt){return validateUserTel(document.getElementById('userTel'),document.getElementById('errTel'))};
}




// functions 


function validateNonEmpty(inputField, helpText){

if(inputField.value == "" || inputField.value.length == 0 || inputField.value == null ||inputField.value == " ")
{
if(helpText != null)
  helpText.innerHTML = "Vul veld in!!";
return false;
}
else
{
if(helpText !=null) 
   helpText.innerHTML = "";
return true
}
}

function validateEmail(inputField, helpText){
if(!validateNonEmpty(inputField, helpText))
   return false;
 
return validateRegEx(/^[\w\.-_\+]+@[\w-]+(\.\w{2,3})+$/,inputField.value, helpText,"Geef een correct email adres op!!");
}

function validatePostcode(inputField, helpText){
if(!validateNonEmpty(inputField, helpText))
   return false;
 
return validateRegEx(/^\d{4}$/,inputField.value, helpText,"Geef een correcte Postcode op!!");
}

function validateUserTel(inputField, helpText){
if(!validateNonEmpty(inputField, helpText))
   return false;
 
return validateRegEx(/^\+{0,1}(\d{9}|\d{10}|\d{12}|\d{11})$/,inputField.value, helpText,"Geef een correcte Telefoonnr op!!");
}

function validateRegEx(regex,input,helptext,helpmessage){
	if(!regex.test(input)){
	if(helptext != null)
		helptext.innerHTML = helpmessage;
		return false;
	}
	else {
	if(helptext != null)
		helptext.innerHTML = "";
		return true;	
	}
	}

function validateRetypePassword(inputField, helpText){
if(!validateNonEmpty(inputField, helpText))
   return false;
if(inputField.value==document.getElementById('userPassword').value)
   return true;
else
   helpText.innerHTML = "Wachtwoord klopt niet!";
   return false;
}

function register(){
	if(validateNonEmpty(document.getElementById('userLogin'),document.getElementById('errLogin'))&& validateNonEmpty(document.getElementById('userPassword'),document.getElementById('errPassword'))&& validateNonEmpty(document.getElementById('userretypedPassword'),document.getElementById('errretypedPassword'))&& validateNonEmpty(document.getElementById('userNaam'),document.getElementById('errNaam'))&& validateNonEmpty(document.getElementById('userVoornaam'),document.getElementById('errVoornaam'))&& validateNonEmpty(document.getElementById('userEmail'),document.getElementById('errEmail'))&& validateNonEmpty(document.getElementById('userTel'),document.getElementById('errTel')) && validateNonEmpty(document.getElementById('userStraat'),document.getElementById('errStraat')) && validateNonEmpty(document.getElementById('userNummer'),document.getElementById('errNummer'))&& validateNonEmpty(document.getElementById('userPostcode'),document.getElementById('errPostcode')) && validateNonEmpty(document.getElementById('userPlaats'),document.getElementById('errPlaats')) && validateEmail(document.getElementById('userEmail'),document.getElementById('errEmail'))&& validatePostcode(document.getElementById('userPostcode'),document.getElementById('errPostcode'))&& validateUserTel(document.getElementById('userTel'),document.getElementById('errTel'))&& validateRetypePassword(document.getElementById('userretypedPassword'),document.getElementById('errretypedPassword')))
	{
	return true;
	}else{
	alert("Sorry, maar er liep iets verkeerd!! Werden alle velden goed ingevuld??");
	return false;
	}
}