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