JavaScript/טפסים: הבדלים בין גרסאות בדף

תוכן שנמחק תוכן שנוסף
Ergo12 (שיחה | תרומות)
←‏בדיקת טופס: שימוש ב <syntaxhighlight>
שורה 4:
==בדיקת טופס==
סביר להניח שפעמים רבות רציתם אבל לא ידעתם, איך בודקים אם המשתמש הכניס תוכן חוקי לשדות בטופס (from).
הדרך בה נבדוק את הטופס תפתור לכם את הבעיות, אך לא את כולם - כי היא מתבססת על תכנות בצד לקוח (JavaScript),. כשתלמדואין שפותמנוס צדמעבודה בצד-שרת, ולכן דרושות גם שפות לצד זה ([[PHP]], [[ASP]], וכו'). חשוב לזכור כי תכנות בצד הלקוח אינו תמיד נתון לשליטת האתר, לדוגמה - המשתמש יכול לחסום Javascript. יתרה מכך, מדובר לא רק על נכונות הנתונים, אלא גם על בטיחות השרת. לכן, וידוא של נתונים בצד הלקוח אינו מספיק וחייב להתבצע גם בצד השרת.
 
נסביר את הרעיון מאחורי בדיקת הטופס, בדוגמא:
שורה 13:
נפתח דף חדש, נקרא לו '''index.html''' ובתוכו -
 
<syntaxhighlight lang="html">
<pre style="direction: ltr">
<form method="post" action="process.php" onsubmit="return validate( this )">
<!-- Username input -->
שורה 20:
<input type="submit" value="Submit" />
</form>
</syntaxhighlight>
</pre>
 
'''שימו לב''' לתכונת האירוע - התכונה '''onSubmit''' שעושה בידיוק את מה שמרומז בשמה - כאשר הטופס נשלח היא '''מחזירה''' בעזרת מילת המפתח '''return''' את הנתונים לפונקציה שנקראת <span dir="ltr" style="direction: ltr;">'''validate ( )'''</span> בעזרת מילת המפתח '''this''',(לא חובה) אפשר לומר שזהו חלק אינטגרלי מהתהליך של בדיקת הטופס למעשה, אם תחסירו אחת ממילות המפתח, JavaScript תזעיק טעות כללית.