1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> SPEAKER: Să aruncăm acum o privire la o pagină web care permite unui utilizator să 3 00:00:03,020 --> 00:00:06,230 înregistra pentru ceva, dar că de fapt include unele client-side 4 00:00:06,230 --> 00:00:08,690 validarea de intrări sale. 5 00:00:08,690 --> 00:00:13,210 >> Observați aici, în formă-1.html, am că aceeași formă ca și înainte, dar am 6 00:00:13,210 --> 00:00:17,940 a adaugat un atribut ID a forma tag-ul meu, a căror valoare este registru, astfel 7 00:00:17,940 --> 00:00:22,140 că am o identitate, prin care pot identifica în mod univoc formă în DOM mea. 8 00:00:22,140 --> 00:00:26,090 Acum observa mai jos formă tag mea este un script tag-ul, astfel încât foarte în mod deliberat, 9 00:00:26,090 --> 00:00:30,840 codul meu JavaScript va executa numai odată ce tag-ul formă și a ganglionilor DOM 10 00:00:30,840 --> 00:00:31,990 au fost încărcate. 11 00:00:31,990 --> 00:00:35,650 >> În interiorul anunțului tag-ul script-ul este prima linie de aici, unde am declara o 12 00:00:35,650 --> 00:00:38,750 variabilă numită formă și atribui se valoarea de returnare a 13 00:00:38,750 --> 00:00:42,850 document.getElementById a citat înregistrare încheiat citatul. 14 00:00:42,850 --> 00:00:45,860 Este această linie de cod care va arata prin DOM mea, în căutarea 15 00:00:45,860 --> 00:00:50,130 element sau nod care are un unic identificator de înregistrare, stocare 16 00:00:50,130 --> 00:00:52,590 valoarea de returnare în cele din urmă în această variabilă. 17 00:00:52,590 --> 00:00:56,910 >> Apoi am înregistra cu care forma un eveniment Handler pentru depunerea formularului, 18 00:00:56,910 --> 00:01:02,190 cu form.onsubmit și atribui că o Funcția anonim, al cărui corp 19 00:01:02,190 --> 00:01:04,220 continuă să facă următoarele. 20 00:01:04,220 --> 00:01:09,700 În cazul în care câmpul că forma lui, al cărui nume este e-mail, are o valoare de la utilizator egal 21 00:01:09,700 --> 00:01:14,220 pentru a cita nimic încheiat citatul, atunci suntem merge pentru a alerta utilizatorul că el sau ea 22 00:01:14,220 --> 00:01:18,120 trebuie să furnizeze adresa lor de e-mail, și ne vom întoarce false, astfel încât forma 23 00:01:18,120 --> 00:01:21,680 în sine nu este prezentat să se înregistreze punct php. 24 00:01:21,680 --> 00:01:26,070 >> Altfel, dacă formularul are un câmp al cărui nume este parola și a căror valoare este 25 00:01:26,070 --> 00:01:28,800 citez, apoi să țipe la utilizatorul care el sau ea 26 00:01:28,800 --> 00:01:30,190 trebuie să furnizeze o parolă. 27 00:01:30,190 --> 00:01:33,620 Și din nou, întoarce false, astfel încât formularul nu este depus la 28 00:01:33,620 --> 00:01:35,160 înregistrați dot php. 29 00:01:35,160 --> 00:01:38,920 >> Intre timp, dacă valoarea utilizatorul are tastat în câmpul formular numit 30 00:01:38,920 --> 00:01:43,100 Parola nu se potrivește cu valoarea pe care Utilizatorul a prevăzut forma 31 00:01:43,100 --> 00:01:47,210 câmp numit de confirmare, apoi să tipa la utilizatorul parolele nu 32 00:01:47,210 --> 00:01:50,800 meci, și apoi să se întoarcă false, astfel încât formularul nu este depus la 33 00:01:50,800 --> 00:01:52,810 înregistrați dot php. 34 00:01:52,810 --> 00:01:59,030 >> În sfârșit, dacă acesta nu este cazul ca acordul de intrare formular este verificat, 35 00:01:59,030 --> 00:02:02,740 apoi să țipe la utilizatorul explicarea că el sau ea trebuie să de acord cu termenii 36 00:02:02,740 --> 00:02:06,660 și condiție, și din nou reveni false astfel că forma nu este supus 37 00:02:06,660 --> 00:02:08,460 înregistrați dot php. 38 00:02:08,460 --> 00:02:11,830 >> Altfel dacă, nici una dintre aceste greșeli au au făcut, să se întoarcă într-adevăr adevărat 39 00:02:11,830 --> 00:02:14,990 și permite formularul să fie prezentate să se înregistreze punct php. 40 00:02:14,990 --> 00:02:17,680 >> Să aruncăm o privire la aceste posibile erori Acum, prin deschidere 41 00:02:17,680 --> 00:02:19,150 pagina într-un browser. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Iată apoi acel formular. 44 00:02:26,890 --> 00:02:28,720 Să ofere nimic. 45 00:02:28,720 --> 00:02:30,660 >> Trebuie să furnizați adresa dvs. de e-mail. 46 00:02:30,660 --> 00:02:34,930 Bine, hai, cel puțin coopera de-a lungul acestor linii. 47 00:02:34,930 --> 00:02:36,380 >> Trebuie să furnizați o parolă. 48 00:02:36,380 --> 00:02:40,150 Bine, hai să alegeți o parola ca purpura. 49 00:02:40,150 --> 00:02:41,245 Parolele nu se potrivesc. 50 00:02:41,245 --> 00:02:46,250 Ah, am nevoie să coopereze și să furnizeze același cuvânt, purpura, din nou. 51 00:02:46,250 --> 00:02:48,290 >> Trebuie să fiți de acord cu termenii și condiții. 52 00:02:48,290 --> 00:02:50,290 Bine, hai să verificăm acum acea cutie. 53 00:02:50,290 --> 00:02:52,910 Și, în sfârșit, uau, sunt înregistrate. 54 00:02:52,910 --> 00:02:54,678