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

נוספו 16 בתים ,  לפני 3 שנים
←‏בדיקת טופס: עוד שימוש ב <syntaxhighlight>
(←‏בדיקת טופס: חסר רווח)
(←‏בדיקת טופס: עוד שימוש ב <syntaxhighlight>)
</syntaxhighlight>
 
'''שימו לב''' לתכונת האירוע - התכונה '''onSubmit''' שעושה בדיוק את מה שמרומז בשמה - כאשר הטופס נשלח היא '''מחזירה''' בעזרת מילת המפתח '''return''' את הנתונים לפונקציה שנקראת <span dir="ltr" style="direction: ltr;">'''validate ( )'''</span> בעזרת מילת המפתח '''this''', (לא חובה). אפשר לומר שזהו חלק אינטגרלי מהתהליך של בדיקת הטופס. למעשה, אם תחסירו אחת ממילות המפתח, JavaScript תזעיק טעות כללית.
 
'''לסיכום שלב א'''' - בניית טופס ב-HTML ובתוכו לקרוא לפונקציה בעזרת '''onSubmit'''.
</ul>
 
'''אנילמי מניח שיש לכםשאין ידע בסיסי בפונקציות במקרה שלא, אני מציעמוצע לחזור אחורה למחלקת הפונקציות.'''
 
בקטע הקוד הבא, פונקציה בשם '''validate''' שמקבלתמקבלת ארגומנט (ערך) מהטופס שבנינו בשלב קודם,. על ידי המילה '''this''' אנו שולחים את כל האלמנטים בטופס (שדות, כפתורי בחירה ורדיו, ועוד'):
<syntaxhighlight lang="javascript">
(שדות, כפתורי בחירה ורדיו, ועוד'):
 
<pre style="direction: ltr">
<script type="text/javascript">
function validate( element ) {
}
</script>
</syntaxhighlight>
</pre>
 
כעת נוכל לפנות לכל אלמנט בטופס בעזרת הארגומנט '''element''', שמקבל את הערכים ששלחנו בעזרת מילת המפתח '''this'''.
מכאן - הכל תלוי בכם. ניתן לערוך, לחתוך ולבדוק כל מחרוזת שמתקבלת דרך הטופס, לדוגמה:
<syntaxhighlight lang="javascript">
 
<pre style="direction: ltr">
<script type="text/javascript">
function validate( element ) {
}
</script>
</syntaxhighlight>
</pre>
 
הפונקציה בודקת האם שם המשתמש (Username) מכיל תווים והאם יש תויים לא חוקיים כמו '''<, >, ', \, /, %'''.
משתמש אלמוני