coldfusion / טפסים מגניבים ב-coldfusion / ווידוא תקינות בצד הלקוח


ווידוא תקינות בצד הלקוח


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

דבר ראשון, נוסיף ווידוא תקינות בצד הלקוח בעזרת JavaScript אחד מהדברים הטובים ביותר ב-coldfusion הוא שיש לה תהליכי ווידוא תקינות JavaScript כבר מוכנים בתוכה. נשמע טוב מכדי להיות אמיתי? ובכן זה לא.

הדבר הראשון שתצטרכו לעשות הוא להפוך את כל תוויות ה-<INPUT> ל-<CFINPUT>. תווית ה-<CFINPUT> היא אחת ההוראות המורחבות של coldfusion שהמשתמשים מתים עליה. יש לה שתי אפשרויות עסיסיות במיוחד: ווידוא תקינות ודרישה(Requirement). אתם כבר יודעים מה המשמעות של ווידוא תקינות. דרישה משמעה שאם מידע הוא לא תקין, הודעת שגיאה תופיע מולכם עד שיוכנס מידע נכון. בואו נבצע
ב-<CFINPUT> את השינויים הפשוטים הדרושים כדי שזה ייעשה.

אם אתם משתמשים ב-CF studio, לחצו בעזרת הכפתור הימני על התווית. מולכם אמורה להיפתח תיבת דו-שיח שנראית כך. יש כאן הרבה אפשרויות, אבל בשלב זה אנחנו רוצים לוודא שאופציית הדרישה פועלת. אנחנו גם צריכים לוודא שהודעת שגיאה הולמת מוגדרת בשדה Message. לשדות Phone ו-ZIP, שימו לב שאתם יכולים לבחור את סוגי האימותים הנכונים מתיבת הגרירה (מדובר בשדות מספר הטלפון והמיקוד, בהתאמה).

אם אין לכם CF studio או שאתם שדי פקודות שחושבים שתיבות דו-שיח הן ל"לפלפים", אתם יכולים להוסיף יכולת ווידוא תקינות לטופס שלכם ידנית. כל מה שאתם צריכים לעשות הוא להוסיף שלוש תכונות לתווית <CFINPUT> שלכם: REQUIRED, VALIDITY ו-MESSAGE. אם אתם מכוונים את REQUIRED ל-"YES", הטופס לא יוגש אם השדה ריק. אם משתמשים מנסים לעשות זאת בכל מקרה, הם יראו את מה שכתבתם תחת MESSAGE. הפורמטים הקיימים הם integer (מספר שלם), long, date, eurodate, time, telephone, ZIP code (מיקוד), credit card ו-social security number.

אם אנחנו הולכים להוסיף ווידוא תקינות ודרישה לשדה phone שלנו, הקוד שלנו ייראה כך:

<cfinput

type="Text"

name="phone"

message="Please enter your phone number in XXX-XXX-XXXX format."

validate="telephone"

required="Yes"

size="12"

maxlength="12">


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

לא רע, הא? אבל עוד לא סיימנו לוודא תקינות. עכשיו נבדוק את תקינות המידע בצד השרת.



עמוד הבא: וידוא תקינות בצד השרת >>




כיבוש הר ראדאר
מידע שמודע למידע
שלכם
ווידוא תקינות בצד
הלקוח >
וידוא תקינות בצד
השרת
איך הזיכרון שלכם?
זיכרון עם קוקיס
מרגישים חסונים?
כושר הסתגלות עם
תוויות מותאמות
אישית