JavaScript/טפסים: הבדלים בין גרסאות בדף
תוכן שנמחק תוכן שנוסף
הוספתי: "רצוי לחזור תחילה על HTML/טפסים." |
אין תקציר עריכה |
||
שורה 1:
{{Javascript}}
רצוי לחזור תחילה על [[HTML/טפסים]].
=== איסור תווים, ובדיקת טופס ===
אני בטוח שהרבה פעמים רציתם אבל ידעתם, איך בודקים אם המשתמש הכניס תוכן חוקי לשדות בform?
המדריך הזה לא יפתור לכם את כל הבעיות, כי הוא מתבסס על Javascript שאותה אפשר לנטרל בקלות לכן כדי ללמוד איך לבדוק תוכן בשפת צד-שרת כמוPHP.
1)
קודם כל בא נפתח דף חדש, נקרא לו index.html ובתוכו:
קוד:
<form ... onsubmit="return validate(this)">
Username: <input type="text" name="username" id="username" maxlength="24" />
<input type="submit" value="Submit" />
</form>השתמשנו בתכונה onSubmit שכאשר הפורום נשלח היא שולחת תנתונים קודם לפונקציה validate.
2)
בא נפתח פונקציה חדשה שנקראת validate: את הפונקציה שמים בחלק <head> של הדף שלכם.
קוד:
<script type="text/javascript">
function validate(submit) {
var un = submit.username.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>
הפונקציה בודקת האם שם המשתמש מכיל תווים והאם יש תויים לא חוקיים (<,>,',\,/,%).
אם יש היא מחזירה false לform שעוצר תשליחה.
| |||