התאמה אישית של הודעות שגיאה

תמלול ההרצאה: התאמה אישית של הודעות שגיאה

הטקסט המלא של הדקות הראשונות בהרצאה «התאמה אישית של הודעות שגיאה» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:03

   כאשר אנחנו ביצענו את הוולידציה על ידי ג'וי, ג'וי החזירה לנו כל מיני הודעות שגיאה במידה והיו שגיאות. בואו נבדוק שוב.

2. 00:14

   הנה יש לנו כאן אפשרות להוסיף מוצר חדש ואנחנו בעצם לא מכניסים שם ואנחנו קובעים שהפרייס הוא מינוס ושהסטוק יותר מדי גדול. ואנחנו בעצם מנסים לגלוש והוא אומר לנו name is required, Price must be larger than or equal to 0.

3. 00:35

   Stock must be less than or equal to 10,000. וזה נראה הודעות בסדר, אבל יכול להיות מצב שאנחנו נרצה לתת הודעות משלנו.

4. 00:47

   אולי אני לא רוצה את הדברים האלה, אולי אני רוצה הודעה מסוגננת בצורה קצת אחרת. אז כאן אנחנו הולכים לראות איך אנחנו יכולים לומר לג'וי לתת custom messages משלנו.

5. 01:00

   אז לצורך כך אנחנו צריכים לגשת לסכמה עצמה שבנינו, ובסכמה אנחנו צריכים להגדיר את זה, את ה-Custom Messages.

6. 01:08

   בואו ניקח את הדוגמה של הפוסט, ואז כמובן אתם תוכלו לשכפל את זה אם אתם רוצים לשאר הדוגמאות. אז הנקודה היא שלא עשו עבודה כל כך אינטואיטיבית בקטע הזה.

7. 01:20

   זאת אומרת, הכי קל היה להגיד כזה דבר, נניח שהשדה הוא שדה שהוא שדה חובה, אז הכי קל היה להגיד, טוב, פה אני נותן לך איזושהי הודעת שגיאה שברגע שנפלת על הוולידציה הזאת זאת ההודעה שתיתן לי או לדוגמה מינימום שלושה תווים אבל אני נותן לך פה איזושהי הודעת שגיאה ואני אומר נניח name to short זה היה הכי פשוט אבל זה לא מה שקורה בג'וי לפחות לא בגרסה

8. 01:53

   הזאת שלנו כרגע אם אנחנו רוצים לתת custom error messages אנחנו צריכים לעשות קצת יותר עבודה מזה. ומה שקורה בכל אחד מהפרמטרים יש איזושהי פונקציה שנקראת error ביחיד והפונקציה הזאת מתבצעת ברגע שהייתה שגיאה.

9. 02:14

   הפונקציה הזאת מקבלת collection נקרא לו errors של כל השגיאות שהתרחשו. בואו נציג על ה-console את ה-collection errors. נעשה דבר כזה, נריץ את התוכנית, ניגש לפוסטמן, נבצע send, נקבל, אני רואה שאני מקבל פה שגיאה, נכון, מפני שהיו מספר שגיאות

10. 02:42

    ועבור כל שגיאה הוא קורא לפונקציה הזאת וצריך לקבל ממנה בחזרה את אותו Object Errors בשביל להמשיך לשגיאה הבאה.

11. 02:54

    בואו אולי ננקה אפילו את כל הטרמינל הזה, נשים את זה פה בצורה כזאת ו-node-app נגלוש שוב, go, יופי. הנה שלושת השגיאות, אנחנו רואים שהוא נפל על שלוש שגיאות, אבל אנחנו נראה שם רק את השגיאה הזאת.

12. 03:15

    למה? מפני שרק השגיאה הזאת שייכת לפרמטר של ה-name שאנחנו הדפסנו אותו. בואו נחזור, ונראה שיש לנו פה קודם כל מערך, ובתוכו יש אובייקט אחד ויחיד, ורבייקט אחד ויחיד שיש בו מלא נתונים לגבי השגיאה מה שמעניין אותנו זה הטייפ שלה any.required ומה שמעניין אותנו זה המסאג' שלה שאנחנו לא הגדרנו לה מסאג' ולכן המסאג' זה undefined ויכול להיות מצב שהדבר הזה נפל

13. 03:49

    בכמה מקומות הוא כרגע נפל ב-required אבל אולי הוא נופל גם לדוגמה ב-required וגם במינימום בואו ננסה רגע לראות איך הוא יכול ליפול בשניהם?

14. 04:02

    אולי אם נעשה name מכרוזת ריקה. בואו נראה מה הוא אומר לנו. name is not allowed to be empty, ו-name length must be at least recharcted. אז הוא נפל בשני מקומות פה על ה-name.

15. 04:16

    בואו נחזור ונראה מה הוא אומר. והפעם המערך שלו, הנה הוא כאן, מתחיל,