إذا كنت تقوم بإنشاء موقع ويب أو تقوم بتطوير تطبيق ويب ، فقد تحتاج في مرحلة ما إلى أن تكون قادرا على إرسال بيانات النموذج عبر البريد الإلكتروني. يمكن أن يكون إرسال نموذج عبر البريد الإلكتروني مفيدا ، على سبيل المثال ، لتلقي طلبات التعليقات أو الاشتراك في رسالة إخبارية. في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية إعداد إرسال نموذج إلى بريد إلكتروني في هتمل.
قبل متابعة الإعداد ، تأكد من أن لديك صندوق بريد يعمل سيتم إرسال النماذج المقدمة إليه. يوصى باستخدام صندوق بريد على نفس المجال حيث يوجد موقع الويب أو التطبيق الخاص بك.
الخطوة 1: إنشاء نموذج هتمل الذي تريد إرساله إلى البريد. للقيام بذلك ، استخدم العلامات
и для создания полей ввода. Обязательным полем будет поле email, в которое пользователь будет вводить свой адрес электронной почты.الخطوة 2: إضافة دعم لإرسال النموذج عن طريق البريد الإلكتروني. للقيام بذلك ، ستحتاج إلى لغة برمجة من جانب الخادم أو استضافة ويب مع دعم البرنامج النصي. اللغة الأكثر شيوعا لمعالجة تقديم النموذج عن طريق البريد هي فب. ولكن هناك خيارات أخرى ، مثل بايثون أو جافا سكريبت.
- إعداد النموذج المراد إرساله عن طريق البريد: تعليمات خطوة بخطوة
- الخطوة 1: إنشاء نموذج
- الخطوة 2: توصيل برنامج نصي لمعالجة البيانات
- الخطوة 3: إعداد عنوان المستلم
- الخطوة 4: إضافة حقول إدخال البيانات
- الخطوة 5: إضافة زر إرسال النموذج
- الخطوة 6: إعداد التحقق من صحة البيانات
- الخطوة 7: الاختبار والتصحيح
- سؤال وجواب
- هل من الممكن إرسال النموذج إلى البريد دون استخدام برنامج نصي للخادم?
- ما هو الرمز الذي يجب إدراجه في مستند هتمل لإعداد إرسال النموذج إلى البريد?
- كيف يمكنني إنشاء برنامج نصي الخادم لإرسال نموذج إلى البريد الإلكتروني في بي إتش بي?
إعداد النموذج المراد إرساله عن طريق البريد: تعليمات خطوة بخطوة
يعد إرسال نموذج عبر البريد الإلكتروني جزءا مهما من إنشاء موقع ويب يسمح للمستخدمين بإرسال بياناتهم أو رسائلهم إلى عنوان بريد إلكتروني محدد. في هذا الدليل خطوة بخطوة ، سوف تتعلم كيفية إعداد إرسال نموذج إلى بريد إلكتروني أتش تي أم أل.
- الرسالة:
echo "Сообщение отправлено!";
} else {
echo "Ошибка при отправке сообщения.";
}
?>
Сохраните скрипт на сервере
احفظ ملف البريد.فب على الخادم حيث يقع موقع الويب الخاص بك.
حدد المسار إلى البرنامج النصي فب في السمة " العمل
في نموذج هتمل ، حدد المسار إلى البرنامج النصي فب في السمة" العمل". في مثالنا ، المسار هو " البريد.بي إتش بي ".
...
تحقق من تشغيل النموذج
يمكنك الآن فتح صفحة الويب بالنموذج والتحقق مما إذا كان إرسال البيانات إلى البريد يعمل. املأ حقول النموذج وانقر على الزر" إرسال".
بعد هذا الدليل خطوة بخطوة ، يمكنك تكوين النموذج ليتم إرسالها إلى هتمل وتلقي الرسائل من موقع الويب الخاص بك إلى عنوان البريد الإلكتروني المحدد.
الخطوة 1: إنشاء نموذج
الخطوة الأولى لإرسال نموذج إلى بريد إلكتروني أتش تي أم أل هي إنشاء النموذج نفسه. للقيام بذلك ، ونحن نستخدم العلامة. داخل هذه العلامة ، سنضع جميع الحقول اللازمة لإدخال المعلومات.
هنا مثال على نموذج أساسي لإرسال رسالة:
اسمك:
عنوان بريدك الإلكتروني:
الرسالة:
في المثال أعلاه ، نقوم بإنشاء نموذج يحتوي على ثلاثة حقول إدخال: "اسمك" و "بريدك الإلكتروني" و "الرسالة". يوجد أيضا زر" إرسال " يرسل الحقول المكتملة إلى البريد.
لاحظ أن كل حقل إدخال له معرف فريد خاص به (سمة" المعرف") واسم (سمة" الاسم"). يتيح لك ذلك الوصول إلى قيم حقول الإدخال عند معالجة النموذج.
الخطوة 2: توصيل البرنامج النصي لمعالجة البيانات
بعد إنشاء نموذج هتمل لإرسال البيانات إلى البريد ، نحتاج إلى إضافة برنامج نصي يقوم بمعالجة هذه البيانات وإرسالها إلى عنوان البريد الإلكتروني المحدد.
للقيام بذلك ، سوف نحتاج إلى لغة برمجة جافا سكريبت. دعونا إنشاء ملف جديد مع التمديد .جس وتوصيله إلى صفحة هتمل لدينا.
في ملف البرنامج النصي ، سنقوم بإنشاء وظيفة سيتم استدعاؤها عند إرسال النموذج. داخل هذه الوظيفة ، سوف نحصل على قيمة كل حقل نموذج باستخدام معرفاتهم وتخزينها في المتغيرات.
اسم فار = وثيقة.جيتليمنتبيد ("الاسم").القيمة;
فار البريد الإلكتروني = وثيقة.جيتليمنتبيد ("البريد الإلكتروني").القيمة;
رسالة فار = وثيقة.جيتليمنتبيد ("رسالة").القيمة;
بعد تلقينا قيم الحقول ، يمكننا إنشاء محتويات الرسالة ، والتي سيتم إرسالها إلى العنوان المحدد. على سبيل المثال ، يمكننا إنشاء متغير بنص الحرف:
فار البريد الإلكترونيالمحتوى = "الاسم:" + الاسم + "
" +
"البريد الإلكتروني:" + البريد الإلكتروني + "
" +
"رسالة:" + رسالة;
ثم يمكننا استخدام وظيفة جافا سكريبت المضمنة لإرسال بريد إلكتروني:
نافذة مفتوحة("mailto:адрес_почты@домен.com?subject=Новое الرسالة والجسم=" + محتوى البريد الإلكتروني);
في هذا الرمز ، نستخدم النافذة.فتح () وظيفة مع "ميلتو" parameters:mail_address@domain.كوم "لتحديد مستلم الرسالة ،" الموضوع = رسالة جديدة "لتحديد موضوع الرسالة ، و" الجسم= " + البريد الإلكترونيالمحتوى لإضافة محتويات الرسالة.
أخيرا ، علينا استدعاء هذه الوظيفة عند إرسال النموذج. للقيام بذلك ، إضافة السمة أونسوبميت إلى العلامة :
- فيما يلي بعض الخطوات البسيطة لمساعدتك في إعداد التحقق من صحة البيانات:
تحقق من الحقول المطلوبة: تأكد من وضع علامة على جميع الحقول التي يجب ملؤها على أنها مطلوبة. للقيام بذلك ، يمكنك استخدام
السمة المطلوبة
لكل حقل:
- تحقق من أنواع البيانات: لكل حقل تحتاج فيه إلى إدخال نوع معين من البيانات (على سبيل المثال ، العنوان البريدي أو رقم الهاتف) ، تأكد من التحقق من صحة هذه الحقول. للقيام بذلك ، يمكنك استخدام السمة
- نمط
لتحديد تعبير عادي يتوافق مع التنسيق المطلوب:
إضافة رسائل خطأ مخصصة: لإعلام المستخدمين بالأخطاء عند إرسال نموذج ، يمكنك استخدام السمة
العنوان
لكل حقل ، لتحديد رسالة خطأ مخصصة: