Επικύρωση μορφή με LiveValidation

LiveValidation είναι μια απλή βιβλιοθήκη JavaScript που σας επιτρέπει να εκτελέσετε την πλευρά του πελάτη επικύρωση των δεδομένων που έχουν εισαχθεί από τους χρήστες εντός της ενότητες (φόρμες).

Μέσα από τις λειτουργίες αυτής της βιβλιοθήκης, μπορείτε να επικυρώσει οποιαδήποτε μορφή γρήγορα και εύκολα, απλά γράφοντας μερικές γραμμές κώδικα. Όλα αυτά βέβαια είναι, που διατίθεται βάσει open source άδεια.
Η επίσημη αρχική σελίδα από την οποία μπορείτε να κατεβάσετε τη βιβλιοθήκη και πρόσβαση σε επίσημα έγγραφα, είναι livevalidation.com

Η βιβλιοθήκη είναι εξοπλισμένη με μια σειρά από μεθόδους που λύνουν τις πιο συχνές σειρά επικύρωσης, αλλά μπορείτε επίσης να δημιουργήσετε προσαρμοσμένες επικύρωση από απλά συνδυάζοντας τα εργαλεία που προσφέρονται από τη βιβλιοθήκη.

LiveValidation είναι διαθέσιμο σε δύο εκδόσεις:

• αυτόνομη?
• και μία με βάση το πρωτότυπο.

Και τα δύο, φυσικά, είναι πλήρως συμβατά με τα περισσότερα σύγχρονα προγράμματα περιήγησης.
Σε αυτό το άρθρο θα χτίσουμε την αυτόνομη έκδοση, η οποία μπορεί να χρησιμοποιηθεί με ασφάλεια με άλλες βιβλιοθήκες ή πλαισίων.

Για να συμπεριλάβετε τη βιβλιοθήκη θα είναι επαρκής για να την συμπεριλάβει στις σελίδες μας σε HTML με JavaScript έξω από το συνηθισμένο υπενθύμιση:

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 

Πριν δούμε τα παραδείγματα και αντίστοιχο κωδικό τους, είναι σημαντικό να θυμόμαστε ότι η επικύρωση γίνεται από LiveValidation είναι ένα client-side επικύρωση, έτσι ώστε να αντικαθιστά το διακομιστή επικύρωσης, η οποία πρέπει πάντα να είναι παρόντες προκειμένου να αποφευχθούν ανακόλουθες ή ανακριβή στοιχεία !
LiveValidation πρέπει να θεωρείται ως μέρος του (σημαντικό) ενός μεγαλύτερου έργου της επαλήθευσης και ελέγχου των δεδομένων που πέρασε ως είσοδος από τους χρήστες.

Σε γενικές γραμμές, η επικύρωση ενός πεδίου γίνεται με τη δημιουργία ενός LiveValidation αντικειμένου, ο οποίος δεν κάνει τίποτα, αλλά επιλέξτε το πεδίο που πρέπει να επικυρωθεί από ID που της έχουν ανατεθεί:

 



 var στοιχείο = νέα LiveValidation ("elemento_da_validare")?

 

Μπορείτε επίσης να περάσετε άλλες παραμέτρους για την κατασκευή του αντικειμένου, όπως, για παράδειγμα, ένα μήνυμα που δείχνει την σωστή επικύρωση του αντικειμένου ή ο χρόνος αναμονής (σε χιλιοστά του δευτερολέπτου) για να ξεκινήσει η επικύρωση (αφού ο χρήστης έχει σταματήσει την πληκτρολόγηση του κείμενο). Ας δούμε ένα παράδειγμα:

 var στοιχείο = νέα LiveValidation ("elemento_da_validare", {



  



 validMessage: «μεταγλωττίσει επιτυχώς!"



  



 περιμένετε: 500







 })?

Παρακάτω μια εικόνα με δύο παραδείγματα των μηνυμάτων επικύρωσης:

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>