1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> ΟΜΙΛΗΤΗΣ: Ας ρίξουμε τώρα μια ματιά μια ιστοσελίδα που επιτρέπει στον χρήστη να 3 00:00:03,020 --> 00:00:06,230 εγγραφείτε για κάτι, αλλά ότι στην πραγματικότητα περιλαμβάνει κάποιο client-side 4 00:00:06,230 --> 00:00:08,690 επικύρωση των εισροών του. 5 00:00:08,690 --> 00:00:13,210 >> Προσέξτε εδώ, σε μορφή-1.html, έχω ότι η ίδια μορφή όπως και πριν, αλλά έχω 6 00:00:13,210 --> 00:00:17,940 προστίθεται ένα χαρακτηριστικό ID στη φόρμα tag μου, η αξία των οποίων είναι να εγγραφείτε, έτσι 7 00:00:17,940 --> 00:00:22,140 ότι έχω ένα αναγνωριστικό μέσω του οποίου μπορώ προσδιορίζουν με μοναδικό τρόπο αυτή τη μορφή στο DOM μου. 8 00:00:22,140 --> 00:00:26,090 Τώρα παρατηρήσετε παρακάτω φόρμα tag μου είναι ένα script ετικέτα, έτσι ώστε πολύ σκόπιμα, 9 00:00:26,090 --> 00:00:30,840 τον κωδικό μου JavaScript θα εκτελέσει μόνο μία φορά την ετικέτα μορφή και κόμβους του DOM 10 00:00:30,840 --> 00:00:31,990 έχουν φορτωθεί. 11 00:00:31,990 --> 00:00:35,650 >> Μέσα από την ανακοίνωση script tag είναι η πρώτης γραμμής όπως εδώ όπου κηρύξει 12 00:00:35,650 --> 00:00:38,750 μεταβλητή που ονομάζεται φόρμα και να ορίσετε είναι η τιμή επιστροφής της 13 00:00:38,750 --> 00:00:42,850 document.getElementById παράθεσης unquote εγγραφή. 14 00:00:42,850 --> 00:00:45,860 Είναι αυτή η γραμμή του κώδικα που θα εξετάσουμε μέσω του DOM μου, ψάχνοντας για το 15 00:00:45,860 --> 00:00:50,130 στοιχείο ή κόμβος που έχει ένα μοναδικό αναγνωριστικό της εγγραφής, την αποθήκευση 16 00:00:50,130 --> 00:00:52,590 η τιμή επιστροφής τελικά στη μεταβλητή αυτή. 17 00:00:52,590 --> 00:00:56,910 >> Τότε μπορώ να εγγραφώ με αυτή τη μορφή μια εκδήλωση Handler για την υποβολή της φόρμας, 18 00:00:56,910 --> 00:01:02,190 με form.onsubmit και να ορίσετε ότι ένα ανώνυμη συνάρτηση, το σώμα της οποίας 19 00:01:02,190 --> 00:01:04,220 προχωρά να κάνετε τα εξής. 20 00:01:04,220 --> 00:01:09,700 Αν το πεδίο της εν λόγω φόρμας, του οποίου το όνομα είναι e-mail, έχει μια τιμή από τον χρήστη ίση 21 00:01:09,700 --> 00:01:14,220 να παραθέσω unquote τίποτα, τότε είμαστε θα ειδοποιεί το χρήστη ότι αυτός ή αυτή 22 00:01:14,220 --> 00:01:18,120 πρέπει να παρέχουν τη διεύθυνση ηλεκτρονικού ταχυδρομείου τους, και θα επιστρέψει false, έτσι ώστε η μορφή 23 00:01:18,120 --> 00:01:21,680 από μόνη της δεν έχει υποβληθεί dot να εγγραφείτε php. 24 00:01:21,680 --> 00:01:26,070 >> Αλλιώς, αν η φόρμα έχει ένα πεδίο του οποίου το όνομα είναι ο κωδικός και η αξία των οποίων είναι 25 00:01:26,070 --> 00:01:28,800 quote unquote, τότε ας φωνάξει στο χρήστη ότι αυτός ή αυτή 26 00:01:28,800 --> 00:01:30,190 πρέπει να δώσετε έναν κωδικό πρόσβασης. 27 00:01:30,190 --> 00:01:33,620 Και πάλι, επιστρέφει false, έτσι ώστε η φόρμα δεν έχει υποβληθεί σε 28 00:01:33,620 --> 00:01:35,160 εγγραφείτε dot php. 29 00:01:35,160 --> 00:01:38,920 >> Εν τω μεταξύ, εάν η αξία ο χρήστης έχει πληκτρολογήσει στο στο πεδίο φόρμας που ονομάζεται 30 00:01:38,920 --> 00:01:43,100 κωδικός πρόσβασης δεν ταιριάζουν με την τιμή που ο χρήστης έχει δώσει για τη μορφή 31 00:01:43,100 --> 00:01:47,210 πεδίο που ονομάζεται επιβεβαίωση, τότε ας φωνάζω στο χρήστη οι κωδικοί πρόσβασης δεν 32 00:01:47,210 --> 00:01:50,800 αγώνα, και στη συνέχεια να επιστρέψει false, έτσι ώστε η φόρμα δεν έχει υποβληθεί σε 33 00:01:50,800 --> 00:01:52,810 εγγραφείτε dot php. 34 00:01:52,810 --> 00:01:59,030 >> Τέλος, αν δεν είναι η περίπτωση που ο είσοδος συμφωνία φόρμας ελέγχεται, 35 00:01:59,030 --> 00:02:02,740 τότε ας φωνάξει στο χρήστη που εξηγεί ότι αυτός ή αυτή πρέπει να συμφωνείτε με τους όρους 36 00:02:02,740 --> 00:02:06,660 και την κατάσταση, και πάλι επιστρέψει false έτσι ώστε η φόρμα δεν έχει υποβληθεί σε 37 00:02:06,660 --> 00:02:08,460 εγγραφείτε dot php. 38 00:02:08,460 --> 00:02:11,830 >> Αλλιώς, αν κανένα από αυτά τα λάθη έχουν έχουν γίνει, ας επιστρέψουν όντως αλήθεια 39 00:02:11,830 --> 00:02:14,990 και αφήστε το έντυπο που πρέπει να υποβληθούν dot να εγγραφείτε php. 40 00:02:14,990 --> 00:02:17,680 >> Ας ρίξουμε μια ματιά σε αυτές τις πιθανές λάθη τώρα με το άνοιγμα 41 00:02:17,680 --> 00:02:19,150 η σελίδα σε ένα πρόγραμμα περιήγησης. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Εδώ είναι τότε αυτή η μορφή. 44 00:02:26,890 --> 00:02:28,720 Ας παρέχουν τίποτα. 45 00:02:28,720 --> 00:02:30,660 >> Πρέπει να δώσετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας. 46 00:02:30,660 --> 00:02:34,930 Εντάξει, ας τουλάχιστον συνεργάζονται κατά μήκος αυτών των γραμμών. 47 00:02:34,930 --> 00:02:36,380 >> Πρέπει να δώσετε ένα κωδικό πρόσβασης. 48 00:02:36,380 --> 00:02:40,150 Εντάξει, ας επιλέξουν ένα τον κωδικό πρόσβασης, όπως βυσσινί. 49 00:02:40,150 --> 00:02:41,245 Οι κωδικοί πρόσβασης δεν ταιριάζουν. 50 00:02:41,245 --> 00:02:46,250 Αχ, θα πρέπει να συνεργαστούν και να παρέχουν η ίδια λέξη, βυσσινί, και πάλι. 51 00:02:46,250 --> 00:02:48,290 >> Θα πρέπει να συμφωνείτε με τους όρους και προϋποθέσεις. 52 00:02:48,290 --> 00:02:50,290 Εντάξει, ας ελέγξει τώρα το κουτί. 53 00:02:50,290 --> 00:02:52,910 Και τέλος, Μπά, είμαι ονομαστικές. 54 00:02:52,910 --> 00:02:54,678