انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: أحداث form في لغة جافا سكريبت

JavaScript on submit event حدث عند إرسال البيانات إلي السيرفر في لغة جافا سكريبت

سوف تتعلم في هذا الدرس أهم الأحداث التفاعلية في لغة سكريبت مع عناصر form مثل أحداث تغيير قيمة input أو عند إرسال البيانات submit.

1 صفوف تعليمية
جافا سكريبت
3,328 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في لغة جافا سكريبت يمكن عند إرسال البيانات من form إلي السيرفر يتم تنفيذ أمر أو مجموعة أوامر برمجية مثل إظهار رسالة.

JavaScript on submit event attribute

كتابة event جافا سكريبت داخل العنصر في صفحة HTML.

HTML 
<form action="" method="post" onsubmit="alert('Data Sent successfully')">
  <input type="text" class="input" placeholder="Enter Username">
  <input class="btn" type="submit">
</form>
جرّب بنفسك

JavaScript on submit event function

كتابة event جافا سكريبت داخل دالة في جافا سكريبت.

HTML 
form.onsubmit = function(){
  alert('Data Sent successfully')
}
جرّب بنفسك

JavaScript on submit event addEventListener

كتابة event جافا سكريبت داخل دالة addEventListener في جافا سكريبت.

HTML 
form.addEventListener('submit',()=>{
   alert('Data Sent successfully')
});
جرّب بنفسك

جميع فقرات هذا الدرس (أحداث form في لغة جافا سكريبت)