Επικύρωση JavaScript: Όλα όσα πρέπει να γνωρίζετε σχετικά με την επικύρωση φορμών και email

Αυτό το άρθρο σχετικά με την επικύρωση JavaScript θα παρέχει σε βάθος γνώσεις σχετικά με την επικύρωση φόρμας. Θα παρέχει ένα παράδειγμα για την επικύρωση μιας φόρμας χρησιμοποιώντας javascript.

Το JavaScript είναι μία από τις πιο δημοφιλείς γλώσσες , Front-end και Back-end Development. Χρησιμοποιείται για τη δημιουργία όμορφα σχεδιασμένων ιστότοπων. Στο JavaScript, η επικύρωση χρησιμοποιείται για τον έλεγχο ταυτότητας ενός χρήστη. Σε αυτό Επικύρωση JavaScript άρθρο, Θα μάθετε για την επικύρωση φόρμας με την ακόλουθη σειρά:



Τι είναι το JavaScript;

είναι ένα υψηλό επίπεδο, ερμηνευμένο γλώσσα προγραμματισμού που χρησιμοποιείται για να κάνει τις ιστοσελίδες πιο διαδραστικές. Είναι πολύ ισχυρό πελάτη γλώσσα σεναρίου πουκάνει την ιστοσελίδα σας πιο ζωντανή και διαδραστική.



Javascript - επικύρωση javascript - edureka

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



Χαρακτηριστικά του JavaScript:

  • Είναι μια γλώσσα γραφής και δεν έχει καμία σχέση . Αρχικά, ονομάστηκε Μόκα , μετά άλλαξε σε LiveScript και τελικά ονομάστηκε ως JavaScript .

    κλήση με αναφορά c ++
  • Το JavaScript είναι ένα βάσει αντικειμένου γλώσσα προγραμματισμού που υποστηρίζει τον πολυμορφισμό, την ενθυλάκωση και την κληρονομιά.



  • Μπορείτε να εκτελέσετε JavaScript όχι μόνο στο πρόγραμμα περιήγησης αλλά και στο υπηρέτης και οποιαδήποτε συσκευή διαθέτει μηχανή JavaScript.

Λειτουργίες JavaScript

Το θεμελιώδες δομικά στοιχεία σε JavaScript ονομάζονται ως Λειτουργίες . Είναι βασικά ένα σύνολο δηλώσεων που εκτελεί μια εργασία ή υπολογίζει μια τιμή. Για να χρησιμοποιήσετε μια συνάρτηση, πρέπει να οριστεί κάπου στο πεδίο από το οποίο θέλετε να την καλέσετε.

Ο ορισμός συνάρτησης αποτελείται από τη λέξη-κλειδί συνάρτησης και ακολουθείται από:

  • ο όνομα της συνάρτησης.

  • Μια λίστα με Παράμετροι στη συνάρτηση, περικλείεται σε παρένθεση και διαχωρίζεται με κόμματα.

  • Η JavaScript δηλώσεις που ορίζουν τη συνάρτηση, που περικλείεται σε αγκύλες, {}.

Ας πάρουμε ένα παράδειγμα και να δούμε πώς να ορίσουμε μια συνάρτηση που ονομάζεται Προσθήκη :

λειτουργία add (a, b) {return a + b}

Τώρα, για την επικύρωση ενός χρήστη, χρησιμοποιείται μια λειτουργία επικύρωσης. Ας προχωρήσουμε λοιπόν και μάθετε περισσότερα σχετικά με την επικύρωση JavaScript.

Τι είναι η επικύρωση;

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

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

Τώρα ας προχωρήσουμε με το άρθρο επικύρωσης JavaScript και ρίξτε μια ματιά στο παράδειγμα της επικύρωσης φόρμας.

Επικύρωση JavaScript: Παράδειγμα

Το ακόλουθο παράδειγμα είναι ένας κώδικας σε HTML, CSS και JavaScript για την επικύρωση μιας φόρμας όπου:

  1. HTML χρησιμοποιείται για να δημιουργώ η μορφή.
  2. JavaScript χρησιμοποιείται για να επικυρώνω η μορφή.

FormValidation.html

επικύρωση φόρμας / ** /
Κωδικός πρόσβασης:
 

Αυτό θα δώσει την ακόλουθη έξοδο:

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

Κείμενο.html

Επικύρωση φόρμας / ** /

Θα ανακατευθύνει σε άλλη σελίδα και θα δώσει τα ακόλουθα παραγωγή :

πώς να βρείτε το μήκος του πίνακα σε javascript

Τώρα, πρέπει να προσθέσουμε ένα Λειτουργία στο JavaScipt μας για σύνδεση του αναγνωριστικού εισόδου. Αυτό θα εμφανιστεί ένα συναγερμός μήνυμα εάν κάποιο από τα πεδία είναι κενά.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == ') {alert (' Το όνομα δεν μπορεί να είναι κενό ' ) επιστροφή false} αλλιώς εάν (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Αυτό θα εμφανίσει τα ακόλουθα συναγερμός όταν ο Πεδίο ονόματος παραμένει κενό:

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

Μόλις προσθέσετε το όνομα και τον κωδικό πρόσβασης στη σωστή μορφή, αυτή η σελίδα θα ανακατευθυνθεί στη σελίδα Text.html για τελική παραγωγή.

Ο πλήρης κωδικός για Επικύρωση φόρμας είναι όπως ακολουθεί:

συνάρτηση επικύρωσης φόρμας validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Το όνομα δεν μπορεί να είναι κενό ') επιστροφή false} αλλιώς εάν (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Κωδικός πρόσβασης: 

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

Ας πάρουμε λοιπόν ένα άλλο παράδειγμα και να δούμε πώς να επικυρώσουμε ταυτότητα ηλεκτρονικού ταχυδρομείου χρησιμοποιώντας JavaScript.

Επικύρωση ηλεκτρονικού ταχυδρομείου JavaScript

Email.html

πώς να συντάξετε κώδικα java
συνάρτηση ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} other {alert ('Έχετε εισαγάγει μια μη έγκυρη διεύθυνση email!') document.form1.text1.focus () return false}}

Παραγωγή

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

Επίσης, μην ξεχάσετε να δείτε το από την Edureka . Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων της 'Επικύρωσης JavaScript' και θα επικοινωνήσουμε μαζί σας.