Σχεδιασμός και Υλοποίηση  Πληροφοριακού Συστήματος βέλτιστης διαδρομής συνεπιβατών που 
χρησιμοποιούν υπηρεσίες Ταξί 

 

37 

 

Στην παρακάτω εικόνα (Εικόνα 6) παρουσιάζεται και πάλι το σύστημά μας, αυτή τη 
φορά όμως φαίνεται μια φόρμα και πώς λειτουργεί το bootstrap form component. 

 

Εικόνα 6: Συμπλήρωση λανθασμένων στοιχείων για την προσθήκη νέου χρήστη με τη βοήθεια του 

bootstrap validator. 

 

 

Όσο τα στοιχεία δεν συμφωνούν με τις ιδιότητες που θα πρέπει να έχουν, το 

κουμπί  της  προσθήκης  είναι  ανενεργό.  Για  παράδειγμα,  το  username  που 
συμπληρώθηκε  στην  Εικόνα  6  έχει  ήδη  χρησιμοποιηθεί  από  άλλον  χρήστη,  με 
αποτέλεσμα  να  εμφανίζεται  μήνυμα  ότι  έχει  ήδη  καταχωρηθεί  από  άλλον.  Ένας 
ακόμη έλεγχος που γίνεται είναι αυτός της επιβεβαίωσης κωδικού ή της κατάλληλης 
μορφής email. Στην παρακάτω εικόνα (Εικόνα 7) φαίνεται η φόρμα συμπληρωμένη 
σωστά με τη δυνατότητα πατήματος του κουμπιού προσθήκης. 

 

Εικόνα 7: Προβολή της φόρμας με ορθή συμπλήρωση των δεδομένων εισαγωγής.