Podsumowanie

Wprowadziliśmy podstawowe algorytmy weryfikacji. Jeśli to ci nie wystarcza, nietrudno jest dodać nowe algorytmy weryfikacji do klasy - po prostu pisz według wzoru wprowadzonego przeze mnie. Zostało tylko dopisać odpowiednie metody, które obsłużą błędy w przypadku, gdy weryfikacja zakończy się niepowodzeniem.

Pierwszą z nich będzie mała, prosta metoda - raiseError(), która pozwoli na łatwe dodanie czytelnej dla śmiertelnika wiadomości błędu. Jeśli uważnie śledziłeś definiowanie naszego obiektu, zauważyłeś na pewno, że metoda ta jest zwykle wywoływana gdy weryfikacja zwróci false. Argumentem metody jest wiadomość, która następnie dodawana jest do naszej tablicy błędów. Wróć do rozdziału z konstruktorem, jeśli chcesz się przyjrzeć inicjalizacji tejże tablicy.

// dodaje błąd do listy
function raiseError(msg)
{
	this.errorList[this.errorList.length] = msg;
}

Metoda numErrors() zwraca liczbę błędów dotychczas dodanych do listy(czyli po prostu wielkość tablicy errorList). Jeśłi wielkość listy jest równa lub przekracza 1, oznacza to, że podczas weryfikacji danych wystąpiły błędy:

// zwraca ilość błędów w tablicy
function numErrors()
{
	return this.errorList.length;
}

Funkcja numErrors() zwróci ilość błędów, ale nie wyświetli wiadomości związanych z błędami. Do tej operacji stworzymy specjalną metodę displayErrors(), która zwróci zawartość tablicy errorList w postaci szeregu okien dialogowych.

// wyświetla wszystkie błędy
// pętla przez wszystkie elementy tablicy wywołująca poszczególne okna dialogowe
function displayErrors()
{
	for (x=0; x<this.errorList.length; x++)
	{
		alert("Error: " + this.errorList[x]);
	}
}

Zdefiniowaliśmy już wszystkie funkcje weryfikacji. Na koniec należy "wspomnieć" o nich w konstruktorze, ażeby były one dostępne jako metody obiektu formValidator. Oto przepisany konstruktor:

// tworzy obiekt
function formValidator()
{
	// tablica do przechowywania wiadomości o błędach
	this.errorList = new Array;

	// metody obiektu
	this.isEmpty = isEmpty;	
	this.isNumber = isNumber;	
	this.isAlphabetic = isAlphabetic;	
	this.isAlphaNumeric = isAlphaNumeric;	
	this.isWithinRange = isWithinRange;	
	this.isEmailAddress = isEmailAddress;	
	this.isChecked = isChecked;	

	this.raiseError = raiseError;	
	this.numErrors = numErrors;	
	this.displayErrors = displayErrors;	
}

Tak wygląda ostateczna definicja obiektu:

// tworzy obiekt
function formValidator()
{
	// tablica do przechowywania wiadomości o błędach
	this.errorList = new Array;

	// metody obiektu
	this.isEmpty = isEmpty;	
	this.isNumber = isNumber;	
	this.isAlphabetic = isAlphabetic;	
	this.isAlphaNumeric = isAlphaNumeric;	
	this.isWithinRange = isWithinRange;	
	this.isEmailAddress = isEmailAddress;	
	this.isChecked = isChecked;	

	this.raiseError = raiseError;	
	this.numErrors = numErrors;	
	this.displayErrors = displayErrors;	
}

// sprawdza, czy podana wartość jest pusta, lub zawiera tylko białe znaki
function isEmpty(val)
{
	if (val.match(/^s+$/) || val == "")
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// sprawdza, czy podana wartosc jest liczbą
function isNumber(val)
{
	if (isNaN(val))
	{
		return false;
	}
	else
	{
		return true;
	}	
}

// sprawdza, czy wszystkie znaki są literami
function isAlphabetic(val)
{
	if (val.match(/^[a-zA-Z]+$/))
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// sprawdza, czy przesłane dane zawierają tylko litery i cyfry
function isAlphaNumeric(val)
{
	if (val.match(/^[a-zA-Z0-9]+$/))
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// sprawdza, czy podana wartość mieści się w zakresie określonym przez zmienne min i max
function isWithinRange(val, min, max)
{
	if (val >= min && val <= max)
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// sprawdza, czy użytkownik wprowadził poprawny adres email
function isEmailAddress(val)
{
	if (val.match(/^([a-zA-Z0-9])+
		([.a-zA-Z0-9_-])*@
		([a-zA-Z0-9_-])+
		(.[a-zA-Z0-9_-]+)+/))
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// sprawdza, czy pole jest zaznaczone
function isChecked(obj)
{
	if (obj.checked)
	{
		return true;
	}
	else
	{
		return false;
	}	
}

// wyświetla wszystkie błędy
// pętla przez wszystkie elementy tablicy wywołująca poszczególne okna dialogowe
function displayErrors()
{
	for (x=0; x<this.errorList.length; x++)
	{
		alert("Error: " + this.errorList[x]);
	}
}

// dodaje błąd do listy
function raiseError(msg)
{
	this.errorList[this.errorList.length] = msg;
}

// zwraca ilość błędów w tablicy
function numErrors()
{
	return this.errorList.length;
}