1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> SPRECHER: Lassen Sie uns jetzt einen Blick auf eine Webseite, die ein Benutzer ermöglicht 3 00:00:03,020 --> 00:00:06,230 registrieren für etwas, sondern der tatsächlich enthält einige Client-Seite 4 00:00:06,230 --> 00:00:08,690 Validierung von seiner oder ihrer Eingänge. 5 00:00:08,690 --> 00:00:13,210 >> Beachten Sie, hier, in Form-1.html, ich habe dass dieselbe Form wie vor, aber ich habe 6 00:00:13,210 --> 00:00:17,940 ein ID-Attribut hinzugefügt, um meine Form-Tag, deren Wert wird registrieren, damit 7 00:00:17,940 --> 00:00:22,140 dass ich eine ID, über die ich kann eindeutig zu identifizieren, dass die Form in meinem DOM. 8 00:00:22,140 --> 00:00:26,090 Jetzt bemerken unter meinem Formular-Tag ist ein Skript tag, so dass ganz bewusst, 9 00:00:26,090 --> 00:00:30,840 meine JavaScript-Code wird nur ausgeführt, einmal der Form Tag und seine DOM-Knoten 10 00:00:30,840 --> 00:00:31,990 geladen wurden. 11 00:00:31,990 --> 00:00:35,650 >> Innerhalb des Script-Tag ist die Ankündigung erster Linie hier, wo ich erklären, ein 12 00:00:35,650 --> 00:00:38,750 Variable namens Form und weisen es der Rückgabewert der 13 00:00:38,750 --> 00:00:42,850 document.getElementById Zitat unquote Registrierung. 14 00:00:42,850 --> 00:00:45,860 Es ist diese Codezeile, die aussehen wird durch meine DOM, auf der Suche nach der 15 00:00:45,860 --> 00:00:50,130 Element oder Knoten hat eine eindeutige Kennung der Registrierung, Speicherung 16 00:00:50,130 --> 00:00:52,590 der Rückgabewert letztlich in dieser Variablen. 17 00:00:52,590 --> 00:00:56,910 >> Dann melden Sie ich mit dieser Form ein Ereignis Handler für das Formular-Vorlage, 18 00:00:56,910 --> 00:01:02,190 mit form.onsubmit und weisen, dass ein anonyme Funktion, von denen der Körper 19 00:01:02,190 --> 00:01:04,220 geht um Folgendes zu tun. 20 00:01:04,220 --> 00:01:09,700 Wenn das Feld, das ist Form, dessen Name E-Mail, einen Wert von dem Benutzer gleich 21 00:01:09,700 --> 00:01:14,220 unquote nichts zu zitieren, dann sind wir gehen, um den Benutzer zu warnen, dass er 22 00:01:14,220 --> 00:01:18,120 muss liefern ihre E-Mail-Adresse und wir false zurück, so dass die Form 23 00:01:18,120 --> 00:01:21,680 selbst nicht vorgelegt zu Punkt php registrieren. 24 00:01:21,680 --> 00:01:26,070 >> Else, wenn das Formular über ein Feld, dessen Namen ist durch ein Passwort und dessen Wert 25 00:01:26,070 --> 00:01:28,800 Zitat unquote, dann lass uns schreien an den Benutzer, dass er oder sie 26 00:01:28,800 --> 00:01:30,190 muss ein Passwort vergeben. 27 00:01:30,190 --> 00:01:33,620 Und wieder, return false, so dass das Formular nicht eingereicht 28 00:01:33,620 --> 00:01:35,160 dot php registrieren. 29 00:01:35,160 --> 00:01:38,920 >> Inzwischen, wenn der Wert der Benutzer in das Formularfeld eingegeben 30 00:01:38,920 --> 00:01:43,100 Passwort nicht mit dem Wert überein, dass der Benutzer für die Form zur Verfügung gestellt 31 00:01:43,100 --> 00:01:47,210 Feld namens Bestätigung, dann lass uns schreien Benutzer die Passwörter nicht 32 00:01:47,210 --> 00:01:50,800 Spiel, und dann false zurück, so dass das Formular nicht eingereicht 33 00:01:50,800 --> 00:01:52,810 dot php registrieren. 34 00:01:52,810 --> 00:01:59,030 >> Schließlich, wenn es nicht der Fall ist, dass der Vereinbarung Eingang der Form wird überprüft, 35 00:01:59,030 --> 00:02:02,740 dann lassen Sie uns anschreien Benutzer erklärt dass er oder sie muss mit den Bedingungen einverstanden 36 00:02:02,740 --> 00:02:06,660 und Zustand, und wieder return false so dass das Formular nicht eingereicht 37 00:02:06,660 --> 00:02:08,460 dot php registrieren. 38 00:02:08,460 --> 00:02:11,830 >> Else, wenn keine dieser Fehler haben worden sind, lassen Sie uns in der Tat richtig zurück 39 00:02:11,830 --> 00:02:14,990 und lassen Sie das Formular eingereicht werden zu Punkt php registrieren. 40 00:02:14,990 --> 00:02:17,680 >> Werfen wir einen Blick auf diese möglich Fehler jetzt durch Öffnen 41 00:02:17,680 --> 00:02:19,150 die Seite in einem Browser. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Hier ist dann, dass Form. 44 00:02:26,890 --> 00:02:28,720 Wir werden das nichts. 45 00:02:28,720 --> 00:02:30,660 >> Sie müssen Ihre E-Mail-Adresse. 46 00:02:30,660 --> 00:02:34,930 In Ordnung, lasst uns wenigstens zusammenarbeiten in diese Richtung. 47 00:02:34,930 --> 00:02:36,380 >> Sie müssen ein Passwort angeben. 48 00:02:36,380 --> 00:02:40,150 Alle Rechte, wählen wir eine Passwort wie Purpur. 49 00:02:40,150 --> 00:02:41,245 Passwörter stimmen nicht überein. 50 00:02:41,245 --> 00:02:46,250 Ah, ich muss zusammenarbeiten und das gleiche Wort, hochrot, wieder. 51 00:02:46,250 --> 00:02:48,290 >> Sie müssen mit den Bedingungen einverstanden Bedingungen. 52 00:02:48,290 --> 00:02:50,290 Na gut, lassen Sie uns bitte jetzt, dass das Feld. 53 00:02:50,290 --> 00:02:52,910 Und schließlich, puh, ich bin registrierte. 54 00:02:52,910 --> 00:02:54,678