τηθεί κατάλληλο validation σε όλο το front-end. Το βασικότερο χαρακτηριστικό που

περιλαμβάνει το validation είναι ότι κανένα από τα πεδία δεν μπορεί να είναι κενό.

Στην περίπτωση, λοιπόν, του πεδίου ”Name” οι χαρακτήρες θα πρέπει να είναι ίσοι

ή περισσότεροι από έναν. Το πεδίο του ηλεκτρονικού ταχυδρομείου (email) είναι

απαραίτητο να είναι της μορϕής “test@test.com”, όπου επίσης εμϕανίζεται κατάλ-

ληλο μήνυμα. Τέλος, στην περίπτωση του κωδικού (password) είναι υποχρεωτική

η επιλογή περισσότερων από 6 χαρακτήρες, καθώς σε αντίθετη περίπτωση εμϕα-

νίζεται κατάλληλο μήνυμα εξίσου με τα προηγούμενα. Είναι πολύ σημαντικό να

αναϕερθεί πως ο κωδικός που εισάγει ο χρήστης ως προσωπικό κωδικό πρόσβασης

στον ιστοχώρο, κρυπτογραϕείται αυτόματα. Αν και μόνο αν, τα πεδία πληρούν το

τοποθετημένο validation, τότε το κουμπί “Sign up” θα αλλάξει κατάσταση και από

απενεργοποιημένο (disabled) θα γίνει ενεργοποιημένο (enabled). Κάνοντας κλικ στο

κουμπί ”Reset” ο χρήστης μεταβαίνει στη σελίδα ανάκτησης, όπου του ζητείται να

εισάγει το email στο οποίο θα λάβει ένα μήνυμα email μέσω του οποίου δίνεται ένα

συγκεκριμένο link στο οποίο μπορεί να εισάγει έναν καινούριο κωδικό πρόσβασης.

Παρακάτω παρουσιάζονται οι περιπτώσεις που αναϕέρθηκαν.

Το σχήμα 4.6 προβάλλει την περίπτωση όπου τα πεδία εγγραϕής στη ϕόρμα

είναι κενά.

Στο σχήμα 4.7 παρουσιάζεται η περίπτωση όπου τα πεδία εγγραϕής δεν πληρούν

το συγκεκριμένο validation που έχει τοποθετηθεί.

Στο σχήμα 4.8 ϕαίνεται η περίπτωση όπου για παράδειγμα τα δυο από τα τρία

πεδία της ϕόρμας είναι valid, όμως για να είναι εϕικτό να γίνει η εγγραϕή και

να ενεργοποιηθεί το κουμπί “Sign up” είναι απαραίτητο να συμπληρωθούν όλα τα

πεδία.

Στο σχήμα 4.9 παρουσιάζεται η περίπτωση όπου και τα τρία πεδία είναι valid

και το κουμπί “Sign up” ενεργοποιείται.

Στο σχήμα 4.10 και 4.11 εμϕανίζονται οι περιπτώσεις όπου στη ϕόρμα εισόδου

τα πεδία είναι είτε κενά είτε δεν ακολουθούν το validation.

Στο σχήμα 4.12 προβάλλεται η περίπτωση όπου είναι valid και τα δυο πεδία και

ενεργοποιείται το κουμπί εισόδου “Log in”.

Στο σχήμα 4.13 γίνεται γνωστό ότι στην περίπτωση που ο χρήστης πληκτρολο-

γήσει στη ϕόρμα εισαγωγής email, ένα έγκυρο email τότε ειδοποιείται ότι θα λάβει

62