جافا سكريبت

1. Java Script
Form Validation

2. ‫كائن‬Form
•‫يحتوي‬‫بداخله‬‫على‬‫عدة‬‫كائنات‬‫تمثل‬‫حقول‬‫اإلدخال‬‫الم‬‫ختلفة‬
‫في‬‫النموذج‬.
•‫نصل‬‫إليه‬‫عبر‬‫كائن‬documentً‫متبوعا‬‫بنقطة‬‫ثم‬‫إسم‬
‫النموذج‬.
•‫للوصول‬‫إلى‬‫أي‬‫كائن‬‫من‬‫كائنات‬‫النموذج‬‫نص‬‫إليه‬‫عبر‬
‫كائن‬‫النموذج‬ً‫متبوعا‬‫بنقطة‬‫ثم‬‫إسم‬‫الكائن‬‫الموجود‬‫ف‬‫ي‬
‫خاصية‬name‫بالوسم‬‫المعين‬.

3. ‫كائن‬Form..‫الخصائص‬ ‫أهم‬
•‫كل‬‫كائنات‬‫النموذج‬‫تشترك‬‫في‬3‫خصائص‬:
.iname:‫وهي‬‫إسم‬‫النموذج‬‫أو‬‫حقل‬‫اإلدخال‬‫المذكور‬‫في‬
‫خاصية‬name‫في‬‫الوسم‬‫المحدد‬.
.iitype:‫نوع‬‫حقل‬‫اإلدخال‬.
.iiivalue:‫قيمة‬‫إدخال‬‫المستخدم‬‫في‬‫الحقل‬‫المعين‬.

4. ‫كائن‬Form..‫الدوال‬ ‫أهم‬
.isubmit():‫إلرسالًالنموذج‬.
.iireset():‫إلفراغًالنموذجًمنًمحتوياته‬.

5. ‫كائن‬Form..‫األحداث‬ ‫أهم‬
.ionsubmit:‫عند‬‫الضغط‬‫على‬‫زر‬submit‫الخاص‬
‫بالنموذج‬.
.iionreset:‫عند‬‫الضغط‬‫على‬‫زر‬reset.

6. ‫كائنات‬checkbox‫و‬radio button
•‫أهم‬‫الخصائص‬:
.ichecked:‫تحمل‬‫قيمة‬‫منطقية‬‫تكون‬true‫في‬‫حالة‬‫تم‬
‫إختيار‬‫الحقل‬‫المعين‬.

7. ‫كائنات‬password, text, textarea
•‫أهم‬‫الدوال‬:
.iblur()
.iifocus()
•‫أهم‬‫األحداث‬:
.ionblur()
.iionfocus()

8. ‫كائن‬select
‫أهم‬‫الخصائص‬:
.iselectedIndex:‫قيمة‬‫رقمية‬‫تمثل‬‫فهرس‬‫الخيار‬‫الذي‬‫تم‬
‫إختياره‬.
.iioptions[i].index
.iiioptions[i].text
.ivoptions[i].value
.voptions[i].selected
•‫أهم‬‫الدوال‬:
.iblur()
.iifocus()

9. Form Validation
‫يمكننا‬‫التحقق‬‫من‬‫أن‬‫المستخدم‬‫أدخل‬‫البيانات‬‫في‬‫الن‬‫موذج‬
‫بصورة‬‫صحيحة‬‫بواسطة‬‫كود‬‫جافا‬‫سكريبت‬.
‫عادة‬‫نستخدم‬‫جملة‬‫الشرط‬if‫التي‬‫تطبع‬‫رسالة‬‫تحذيرية‬‫ف‬‫ي‬
‫حالة‬‫عدم‬‫تحقق‬‫الشرط‬.