|
רשימת פרומים |
| הנדסת מערכות | | ניתוח אפיון ועיצוב מערכות מידע | | טכנולוגיות אינטרנט | | ניהול פרויקטים מערכתי | | עבודות סטודנטים באנליטיקה זמן-אמת |
|
04 פרק רביעי JavaScript חלק 1 |
 גדעון קוך
|
| תכנות בשפת JavaScript
נושאי אבטחת מידע, איזון עומסים בין שרת ללקוח, חשיפת השפה למשתמש ויכולות מתקדמות.
הגדרת השפה בכותרת ובתוך הדף
הגדרת משתנים
לולאות
מערכים
פרוצדורות
קלט מידע וביצוע חישובים והצגתם
מיונים
שימוש ראשוני ב-DOM
|
|
|
| בדיקת שדות קלט שאינם ריקים לפני מעבר דף required |
גדעון קוך
|
| בדיקת שדות קלט טרם אישור הדף.
הבדיקה מאפשרת לבדוק אם השדה ריק או כל בדיקה אחרת כגון אם התוכן הוא מספרי או בעל אורך מסויים.
במידה והשדה אינו עומד בדרישות שהוגדרו, הדף החדש לא יטען והסמן יעבור לשדה הלא תקין לקבלת קלט חוזר.
אפשר להוסיף תכונה: required ובמידה ושדה זה לא מולא, באישור submit יוצג רמז בחלון שיבקש למלא שדה זה.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
function submit_form(formObj) {
if (formObj.a_name.value=="") {
window.alert("Privet Name missing");
formObj.a_name.focus();
return;
}
else
if (formObj.b_name.value=="") {
window.alert("Family Name missing");
formObj.b_name.focus();
return;
}
else {
// formObj.submit(); you should use this statment to go to your next page "NextPage.php"
document.getElementById("msg").innerHTML = "All fields are filled!<br>You can proceed to the next page.";
}
}
</script>
</head>
<body>
<div align="center" style="width:90%">
<h2>Check input fields before submitting</h2>
<form name="comment" action="NextPage.php" method="post" style="width:100%;">
Privet Name: <input type="text" name="a_name" value="">
<br><br>
Family Name: <input type="text" name="b_name" value="">
<br><br>
<input type="button" value="Send" name="Submit" onclick="submit_form(comment)">
<input type="reset" value="Reset" name="Clear">
<br><br>
<div id="msg"></div>
</form>
</div>
</body>
</html>
|
|
|
|