בכיתה
1. קובץ JS חיצוני
* היתרון בקובץ JS חיצוני, שניתן יהיה לגשת לפעולות שבו מכל דף באפליקציה (האתר שלנו).
* השלבים ביצירת דף חיצוני עבור קוד JS:
קליק ימני על שם הפרויקט (האתר) -->
Add new Item... -->
בוחרים ב- JavaScript File -->
נותנים שם לקובץ הג'אווה סקריפט החיצוני שאתם יוצרים --> (נניח JS1)
לוחצים על הכפתור Add.
2. כתיבת פעולות בדף החיצוני שיצרנו
* כתבו בדף החיצוני פעולות JS אליהן תרצו יכולת גישה מדפים אחרים באתר.
3. קישור מדף מסוים לקובץ ה- JS החיצוני שלכם
* נוסיף באזור ה- Head של הדף את התגית הבאה:
4. זימון פעולה הנמצאת בקובץ JS חיצוני
* מעתה תוכלו לזמן פעולות הנמצאות בדף החיצוני מתוך הדף הנוכחי.
* לדוגמה, נניח שאנו נמצאים בדף Default.aspx בו קיים הטופס שהמשתמש ממלא.
* מתוך כותרת הטופס שבדף Default.aspx, נפנה את האירוע onsubmit כך שיזמן את פעולת התקינות
שלנו ששמה ()validUsername2. פעולה זו נמצאת בקובץ החיצוני JS1.js. בזכות הקישור לקובץ
החיצוני, דף זה ימצא את הפעולה ויריץ אותה.
* אם באזור ה- Head שלנו יצרנו פעולה או פעולות JS הנמצאות רק בדף הנוכחי ולא בקובץ החיצוני,
אזי ניתן יהיה לזמנן מתוך הדף הנוכחי.
* במידה ויצרנו פעולה הנמצאת בדף זה, למשל הפעולה ()validUsername2, והיא קיימת בשם זה
באותה החתימה גם בדף החיצוני, הרי במידה ונזמן פעולה זו מתוך הדף (למשל באמצעות onsubmit
הנמצאת בכותרת הטופס), הרי שהתוכנית תעדיף להריץ את הפעולה הקרובה יותר, כלומר
הפעולה בעלת החתימה הזהה, זו שכתובה בדף הנוכחי.
* במידה והפעולה ()validUsername2 נמצאת אך ורק בדף הנוכחי, היא תורץ באופן תקין.
* במידה והפעולה ()validUsername2 נמצאת אך ורק בקובץ החיצוני JS1, היא תורץ באופן תקין.
6. הפעולות אותן ראינו בשיעור
* ראינו פעולה אחת בלבד: הפעולה ()validUsername2.
* הפעולה מכילה 3 תנאים "שליליים", כל תנאי שמתקיים גורם להחזרת הערך false.
* רק אם 3 התנאים לא מתקיימים, הפעולה מחזירה true.
* יצרנו פעולת עזר עצמאית בשם isSpecialLetter וזימננו אותה מתוך התנאי השלישי.
* סיכום: אם הפעולה ()validUsername2 מחזירה false, סימן הטופס לא מולא באופן תקין, ולכן
לא יישלח לשרת. על המשתמש לתקן את הערכים שמילא בטופס בהתאם להודעות השגיאה שקיבל.
7. מה עליכם לעשות בפרויקט שלכם?
* עליכם לכתוב פעולת תקינות בשם ()RegisterValidation עבור טופס ההרשמה לאתרכם.
* על הפעולה להחזיר true אם מתקיימים התנאים בלפחות 2 מהמקבצים 1-4 שלפניכם:
(אין צורך לתכנת מעבר לשני תנאים מהמבחר שלפניכם)
1) שם המשתמש מתחיל באות גדולה, שאר האותיות חייבות להיות קטנות, אסור סימנים מיוחדים כלל.
2) סיסמת המשתמש מכילה 5 תווים לפחות, האות הראשונה גדולה, חובה לפחות סימן מיוחד אחד.
3) מספר הטלפון שמילא המשתמש חייב להכיל את התו '-' (מקף). משמאל למקף מספר בן שתיים או
שלוש ספרות בלבד, כאשר הספרה הראשונה היא 0. מימין למקף חייבות להופיע 7 ספרות.
4) שנת הלידה מכילה מספר בן 4 ספרות בדיוק. שנת הלידה המינימלית המותרת היא 1900
והמקסימלית היא 2100. המשתמש בהכרח בחר את מינו (זכר או נקבה). במידה והמשתמש לא בחר
באחת משתי האפשרויות הללו, יוחזר false.
8. מענה על השאלות של עדן כאן ודפי DB שחולקו בכיתה:
הדפים FirstDB - Default, Login, LoginCheck כאן
הדפים Register/RegisterCheck כאן
הדפים להצגת טבלת המשתמשים כאן
הדפים Update/Delete כאן
לבית (למפגש הבא שלנו, מבדק ש.ב ב- Javascript
לסיכום שני השיעורים בהם למדנו נושא זה)
1. קראו את סעיף 650 בדף 'קישורים' - פעולות על משתנים המכילים טקסט.
בשיעור הבא
1. מענה על שאלות בנושא כתיבת פעולות ב- JS.
אין תגובות:
הוסף רשומת תגובה