JavaScript/טפסים: הבדלים בין גרסאות בדף
תוכן שנמחק תוכן שנוסף
אין תקציר עריכה |
אין תקציר עריכה |
||
שורה 27:
<ul>
<li>שלב ב' - כעת יש לתכנן את הפנוצקיה <span style="direction: ltr;">'''validate ( )'''</span> ובתוכה בדיקת הטופס.</li>
</ul>
שורה 37:
<pre style="direction: ltr">
<script type="text/javascript">
var un = element.username.value;▼
// Validate element's value ...▼
if ( un == null || un == "" ) {▼
alert("אנא הכנס ערך בשדה שם משתמש.");▼
submit.username.focus(); ▼
return false;▼
▲ }
// ▼
if (un.indexOf("%")>-1 || un.indexOf("<")>-1 || un.indexOf(">")>-1 || un.indexOf("\")>-1 || un.indexOf("/")>-1) {▼
alert("השם משתמש לא תקין");▼
return false;▼
} ▼
</script>
</pre>
כעת נוכל לפנות לכל אלמנט בטופס בעזרת הארגומנט '''element''' שמקבל את מה ששלחנו בעזרת מילת המפתח '''this'''.
הפונקציה בודקת האם שם המשתמש מכיל תווים והאם יש תויים לא חוקיים (<,>,',\,/,%).▼
מכאן תפעילו תדמיון אתם יכולים לערוך, לחתוך ולבדוק כל מחרוזת שמתקבלת דרך הטופס, לדוגמא:
<pre style="direction: ltr">
<script type="text/javascript">
function validate( element ) {
// Get element value ...
}
// Validate restricted characters ...
▲
submit.username.focus();
</script>
</pre>
בעזרת הפונקציה indexOf ( ) אנו בודקים אם קיים תוו מסוים כלומר אם האינדקס שלו גדול מ-<math>-1</math> אז הוא קיים.
שימו לב לצורה שבא פונים לאלמנט (שדה טקסט במקרה הזה) <span style="direction: ltr;">var un = element.username.value;</span>.
| |||