Αυτό το σεμινάριο θα περιγράψει τη μέθοδο για την επικύρωση κωδικών pin και αριθμών κινητών τηλεφώνων χρησιμοποιώντας JavaScript.
Πώς να επικυρώσετε τον κωδικό PIN και τον αριθμό κινητού τηλεφώνου σε JavaScript;
Για να επικυρώσετε τον κωδικό PIN και τον αριθμό κινητού τηλεφώνου, χρησιμοποιήστε το ' κανονικές εκφράσεις ' με την ' αγώνας() μέθοδος σε JavaScript. Η μέθοδος match() ταιριάζει με την τιμή της κανονικής έκφρασης, αν γίνει αντιστοίχιση, η μέθοδος θα επιστρέψει true ή αλλιώς θα δώσει false.
Μοτίβο Regex για επικύρωση κωδικού PIN
Οι κωδικοί pin είναι συνήθως 4ψήφιοι, 5ψήφιοι ή 6ψήφιοι κωδικοί. Εδώ, θα γράψουμε το regex για την επικύρωση του 6ψήφιου κωδικού pin:
/^ \ρε { 6 } $ /
Στο παραπάνω μοτίβο:
- ' / Ο χαρακτήρας κάθετος προς τα εμπρός χρησιμοποιείται για να αναφέρεται στα όρια της κανονικής έκφρασης/μοτίβου.
- ' ^ ” αντιπροσωπεύει την αρχή του αριθμού.
- ' ρε ” δηλώνει ψηφία.
- ' {} ' υποδεικνύει το όριο που είναι ' 6 '.
- ' \ Ο χαρακτήρας ανάστροφης κάθετου είναι ο χαρακτήρας διαφυγής.
- ' $ ” δηλώνει το τέλος της συμβολοσειράς.
Μοτίβο Regex για επικύρωση αριθμού κινητού τηλεφώνου
Είναι απαραίτητο να επικυρώσετε τον αριθμό τηλεφώνου/κινητού σε μια φόρμα HTML. Ένας έγκυρος αριθμός τηλεφώνου μπορεί να είναι διαθέσιμος σε διάφορες μορφές, ανάλογα με την περιοχή. Ακολούθησε το Σύνδεσμος για να ελέγξετε τα διάφορα regex για να επικυρώσετε τους αριθμούς τηλεφώνου.
Εδώ, θα συζητήσουμε τις δύο κοινές μορφές, η μία είναι απλώς αριθμοί με μήκος 10:
/^ \ρε { 3 } \ρε { 3 } \ρε { 4 } $ /Το παραπάνω regex υποδεικνύει ότι μπορείτε να εισαγάγετε μόνο 10 ψηφία ως αριθμό τηλεφώνου χωρίς κανέναν οριοθέτη, όπως κενό ή οποιονδήποτε ειδικό χαρακτήρα, συμπεριλαμβανομένων « + », « – ' ή ' () '.
Παράδειγμα
Ας σχεδιάσουμε πρώτα την ιστοσελίδα και, στη συνέχεια, ας χρησιμοποιήσουμε JavaScript για να επικυρώσουμε τον κωδικό PIN και τον αριθμό κινητού τηλεφώνου. Μεταβείτε στο αρχείο HTML και επικολλήστε τον ακόλουθο κώδικα εκεί:
< όνομα φόρμας = 'μορφή' δράση = '#' >< τύπος εισόδου = 'κείμενο' ταυτότητα = 'καρφίτσα' κράτησης θέσης = 'Εισαγάγετε το PIN σας' αυτόματη συμπλήρωση = 'μακριά από' >< br > < br >
< τύπος εισόδου = 'κείμενο' ταυτότητα = 'αριθμός' κράτησης θέσης = 'Εισαγάγετε τον 10ψήφιο αριθμό του κινητού σας' αυτόματη συμπλήρωση = 'μακριά από' >< br >< br >
< τύπο κουμπιού = 'υποβάλλουν' στο κλικ = 'επικύρωση()' > υποβάλλουν κουμπί >
μορφή >
Στον παραπάνω κώδικα:
- Πρώτα, δημιουργήστε μια φόρμα με την ενέργεια ' # ” που σημαίνει ότι τα δεδομένα δεν θα σταλούν πουθενά.
- Δημιουργήστε δύο πεδία εισαγωγής, ένα για τον κωδικό PIN και το άλλο για τον αριθμό κινητού τηλεφώνου.
- Δημιουργώ ένα ' υποβάλλουν κουμπί ' που θα καλέσει το ' επικύρωση() ' μέθοδος επικύρωσης του κωδικού PIN και του αριθμού κινητού τηλεφώνου.
Η σελίδα HTML θα μοιάζει ως εξής:
Στην ετικέτα