הכינו טופס הנשלח לבצוע בכתובת http://www.htmlcodetutorial.com/cgi-bin/mycgi.pl הטופס יכיל שני שדות קלט טקסטואלי. על התוכן שבשני שדות הקלט להיות לא ריקים ושונים זה מזה. אם תנאי זה לא מתקיים, יש למסור הודעה (המתאימה לבעיה הראשונה המאובחנת) ועל הטופס לא להישלח אז, אבל התנאי מתקיים הטופס יישלח.

הדרכה:

1) באלמנט form יש להגדיר את המאפיין onsubmit כפי שיוסבר במהלך התרגיל (ראו דוגמת קוד למטה).
2) יש לכלול בטופס כפתור (input) מסוג submit (שימו לב כי מדובר בכפתור רגיל של שיגור טופס ולא צריך להוסיף לו שום מאפיין של event כמו onclick או משהו כזה).
3) יש לכתוב פונקציה בשם check_form() שבודקת את התנאים לעיל ומחזירה true או false בהתאם למצב.

הפתיח של הטופס ייראה אם כן כך:

<form action="http://www.htmlcodetutorial.com/cgi-bin/mycgi.pl"
onsubmit="return check_form()">

כלפי חוץ הטופס נראה כרגיל ולחיצה עליו תשגר אותו לשרת שכבר השתמשנו בו בעבר. ואולם בתוך הפונקציה check_form()אתם מבצעים בדיקות ומחזירים (בעזרת return) את הערך true או את הערך false לפי תנאי הבדיקה שהוגדרו לעיל.