Struktura formValidator

Znamy już teorię. Zatrzymajmy się na chwilę i spędźmy kilka chwila na zastanowienie się nad obiektem formValidator, który chcemy stworzyć.

Nasz obiekt weryfikujący formularze będzie się składał z dwóch komponentów:

1. Grupa metod, pobierających jako argumenty wartości, które maja być sprawdzone, następnie sprawdzających ich poprawność(algorytmy zostaną umieszczone w ciele metody) i w końcu zwracających odpowiedni sygnał.
2. Tablica, która przechowuje wszystkie błędy, które wystąpiły podczas weryfikacji i kilka metod operujących na tejże tablicy.

Jak się niedługo przekonasz, te elementy pozwolą na stworzenie prostego, aczkolwiek bardzo użytecznego obiektu, który skrywa w sobie dużo różnorodnych metod.

Zanim przejdziemy dalej, muszę zdecydować, jak nowa klasa będzie działać. Mam pewien plan:

// tworzymy egzemplarz klasy
fv = new formValidator();

// 'sprawdzacze';
// sprawdza czy pole jest puste
if (fv.isEmpty(document.forms[0].elements[0].value))
{
	fv.raiseError("Wpisz coś!");
}

// sprawdza zakres
if (!fv.isWithinRange(document.forms[0].elements[1].value, 1, 99)) 
{
	fv.raiseError("Wprowadź wartość liczbową w zakresie 1-99");
}

// jeśli wystąpiły błędy - wyświetli je, jeśli nie przechodzi dalej
if (fv.numErrors() > 0)
{
	fv.displayErrors();
}

Jak zapewne zauważyłeś, po tym jak stworzona jest instancja klasy, wywoływane są metody sprawdzające(z odpowiednimi argumentami w postaci wartości pól z formularza), aby sprawdzić czy dane wejściowe są prawidłowe. Jeśli nie są poprawne, do tablicy błędów dodawany jest błąd. W późniejszym czasie, kiedy już przeprowadzone są wszystkie weryfikacje, można wyświetlić błędy.

Kiedy już zaplanowaliśmy działanie obiektu, dobrze byłoby poświęcić chwilę na zestawienie potrzebnych metod razem z ich celami:

• isEmpty() - sprawdza, czy dana wartość z formularza jest pusta,
• isNumber() - sprawdza, czy dana wartość jest liczbą,
• isAlphabetic() - sprawdza, czy dana wartość zawiera dane literowe,
• isAlphaNumeric() - sprawdza, czy dana wartość zawiera dane alfanumeryczne,
• isWithinRange() - sprawdza, czy dana wartość numeryczna mieści się w zakresie,
• isEmailAddress() - sprawdza, czy podana wartość jest poprawnym adresem email,
• raiseError() - dodaje błąd do tablicy błędów,
• displayErrors() - wyświetla błędy w postaci okien dialogowych,
• numErrors() - zwraca ilość dotychczasowych błędów.

Przedstawiłem podstawowe metody - może ich być więcej, nowe będę dodawał w miarę postępu pracy.