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 להירשם למשהו, אבל שבעצם כולל כמה בצד לקוח 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 הוסיף תכונת זיהוי לתג הטופס שלי, אשר שוויו הוא להירשם, ולכן 7 00:00:17,940 --> 00:00:22,140 שיש לי תעודת זהות שבאמצעותה אני יכול מזהה באופן ייחודי צורה שבDOM שלי. 8 00:00:22,140 --> 00:00:26,090 עכשיו שימו לב מתחת תג הטופס שלי הוא תסריט תג, כך שמאוד במכוון, 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 >> בתוך הודעת תג סקריפט הוא השורה הראשונה כאן שבו אני מצהיר 12 00:00:35,650 --> 00:00:38,750 משתנה בשם הטופס ולהקצות זה ערך ההחזרה של 13 00:00:38,750 --> 00:00:42,850 document.getElementById של ציטוט רישום סוף ציטוט. 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 >> אז להירשם בטופס שבאירוע הנדלר להגשת הטופס, 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 אם השדה של טופס זה, ששמו דואר אלקטרוני, יש לו ערך מהמשתמש שווה 21 00:01:09,700 --> 00:01:14,220 לצטט כלום סוף ציטוט, ואז אנחנו הולך להתריע בפני המשתמש שהוא או היא 22 00:01:14,220 --> 00:01:18,120 חייב לספק את כתובת הדוא"ל שלהם, ו אנחנו חוזרים שווא, כך שהצורה 23 00:01:18,120 --> 00:01:21,680 עצמו לא הוגש לרשום php נקודה. 24 00:01:21,680 --> 00:01:26,070 >> אחר, אם הטופס יש שדה ששמו היא סיסמא ושהערך שלו הוא 25 00:01:26,070 --> 00:01:28,800 סוף הציטוט, אז בואו נצעק במשתמש שהוא או היא 26 00:01:28,800 --> 00:01:30,190 חייב לספק את הסיסמה. 27 00:01:30,190 --> 00:01:33,620 ושוב, בתמורת שווא, כך הטופס לא הוגש ל 28 00:01:33,620 --> 00:01:35,160 ההרשמה 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 משחק, ולאחר מכן בתמורת שווא, כך הטופס לא הוגש ל 33 00:01:50,800 --> 00:01:52,810 ההרשמה 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 ומצבו, ולחזור שוב שווא כך שהטופס לא הוגש ל 37 00:02:06,660 --> 00:02:08,460 ההרשמה php נקודה. 38 00:02:08,460 --> 00:02:11,830 >> אחר אם, אף אחת מטעויות אלה יש נעשה, בואו אכן החזר אמיתי 39 00:02:11,830 --> 00:02:14,990 ולאפשר את הטופס שיוגש לרשום 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