Για να εμφανίσετε μηνύματα σφάλματος σε φόρμες, πρέπει να λάβετε υπόψη τους ακόλουθους τέσσερις βασικούς κανόνες: Το μήνυμα σφάλματος πρέπει να είναι σύντομο και ουσιαστικό. Η τοποθέτηση του μηνύματος πρέπει να συσχετιστεί με το πεδίο. Το στυλ μηνύματος πρέπει να διαχωριστεί από το στυλ των ετικετών και των οδηγιών πεδίων.
Πώς εμφανίζετε μηνύματα σφάλματος σε HTML;
Δεν υπάρχουν διορθωμένοι τρόποι εμφάνισης σφαλμάτων σε φόρμες HTML, αλλά οι συνήθεις μέθοδοι εμφάνισης μηνυμάτων σφάλματος είναι: Απλώς προσθέστε χαρακτηριστικά ελέγχου στα πεδία φόρμας HTML και το πρόγραμμα περιήγησης θα εμφανίσει αυτόματα τα σφάλματα. Για παράδειγμα,
Ποιος είναι ο καλύτερος τρόπος εμφάνισης ενός μηνύματος σφάλματος όταν ένας χρήστης εισάγει κάποια λανθασμένα δεδομένα και υποβάλλει;
Τα μηνύματα σφάλματος θα πρέπει να υποδεικνύονται με σαφήνεια και θα πρέπει να γνωρίζετε πού έχει γίνει αυτό το σφάλμα. Μπορείτε να το κάνετε αυτό κάνοντας: Επισήμανση του εν λόγω πεδίου οπτικά, συνήθως με ένα περίγραμμα γύρω από την είσοδο σε έντονο, εμφανές χρώμα (συνήθως κόκκινο) Προσθέτοντας επιπλέον εικονίδια ή οπτικές ενδείξεις για να επιστήσετε την προσοχή στο λάθος.
Πώς μπορώ να εμφανίσω το μήνυμα σφάλματος κάτω από το πεδίο εισαγωγής;
Για να προσαρμόσετε την εμφάνιση και το κείμενο αυτών των μηνυμάτων, πρέπει να χρησιμοποιήσετε JavaScript. δεν υπάρχει τρόπος να το κάνετε χρησιμοποιώντας μόνο HTML και CSS. Το HTML5 παρέχει το API επικύρωσης περιορισμών για τον έλεγχο και την προσαρμογή της κατάστασης ενός στοιχείου φόρμας. var email = έγγραφο. getElementById(“mail”); email.
