Validering av formulär som strular

Har gjort följande kod för att kontrollera att alla fält i ett formulär fylls i.

Problemet är att den visar de span som blir satta till "error" men sen så går den ändå vidare.
Anropet från formuläret ser ut som det ska.

// Funktion för att validera formulär där alla fält är obligatoriska
// Visar eller döljer en <span> med samma id som det fält som valideras + CheckFailed, samt skickar en alertbox
// @Param form = ID på det formulär som ska valideras
// @Call = return validForm(this.id);"
function validForm(form) {
	var blnError = false;
	var formId = form;
	for (var i=0; i<document.getElementById(formId).elements.length; i++){
		if(document.getElementById(formId).elements[i].value == '' || document.getElementById(formId).elements[i].value == null || document.getElementById(formId).elements[i].value.length == 0){
			var strMessage = document.getElementById(formId).elements[i].id + 'CheckFailed';
			document.getElementById(strMessage).className = 'error';
			blnError = true;
		}
		else{
			var strMessage = document.getElementById(formId).elements[i].id + 'CheckFailed';
			document.getElementById(strMessage).className = 'hidden';
		}
	}
	if(blnError){
		alert('Du måste fylla i alla fält.');
		return false;
	}
	else{
		return true;
	}
}