ما هو
أداة مجانية لفحص نماذج HTML والعناوين التي ترسل إليها. تشير بدقة إلى الحقل أو الإعداد الذي يُسقط البيانات.
كاشف تسرّب نماذج التواصل
اكتشف أين يضيّع نموذجك العملاء.
معظم النماذج المعطوبة تبدو سليمة. الزر يعمل ورسالة الشكر تظهر، لكن الطلب لا يصل أبدًا. يقرأ Form Leak نموذجك كما يقرأ السبّاك مخطط الأنابيب، حقلًا بعد حقل، ثم يرسل طلب اختبار حقيقيًا إلى عنوان الاستقبال ويخبرك هل وصلت البيانات.
لمن هو
لروّاد الأعمال والمسوّقين والمستقلين والمطوّرين الذين يديرون نموذج تواصل أو تسجيل أو طلب عرض سعر ويريدون وصول كل طلب.
ماذا يحل
الخسارة الصامتة. خاصية name مفقودة أو حقل معطّل أو إعادة توجيه بعد الإرسال قد تُضيّع الطلب دون أي رسالة خطأ.
افحص نموذجًا
تحقّق من الشيفرة أولًا، ثم اختبر العنوان الذي يرسل إليه النموذج.
الصق الصفحة كاملة أو النموذج وحده. تُقرأ الشيفرة داخل متصفحك ولا تُرسل إلى أي مكان.
لم يُفحص شيء بعد
حمّل النموذج التجريبي لترى تسربات نموذجية مرسومة على المخطط.
تبقى شيفرة HTML الملصقة في متصفحك. جلب الصفحات وطلبات الاختبار يتم مرة واحدة من خادم Vercel ولا يُحفظ.
دليل التسربات
معنى كل نتيجة وطريقة إصلاحها.
حقل بلا اسم
لا يرسل المتصفح إلا الحقول التي تحمل خاصية name. أضف name="email" أو ما يشبهه لكل حقل تريد استلامه.
حقلان بالاسم نفسه
معظم الخوادم تحتفظ بقيمة واحدة فقط. امنح كل حقل اسمًا خاصًا به.
النموذج لا يرسل إلى أي مكان
خاصية action فارغة أو مجرد علامة #، فيُرسل النموذج إلى الصفحة نفسها. وجّهه إلى خدمة النماذج أو خادمك.
حقل معطّل
الحقول المعطّلة لا تُرسل أبدًا. استخدم readonly إذا أردت أن يرى الزائر القيمة دون تغييرها.
ملفات بلا الترميز الصحيح
رفع الملفات يحتاج ترميز multipart في خاصية enctype، وإلا وصل اسم الملف وحده.
يرسل عبر http غير المشفّر
تحذّر المتصفحات الزوار وبعضها يمنع الإرسال. استخدم عنوانًا يبدأ بـ https.
بيانات خاصة في شريط العنوان
مع method get تظهر كلمات المرور وأرقام البطاقات في العنوان وسجلات الخادم والسجل. استخدم method post.
لا يوجد زر إرسال
بدون زر إرسال قد لا يفعل الضغط على Enter شيئًا. أضف زرًا من نوع submit.
حقول خارج النموذج
الحقول الواقعة خارج وسم form لا تُرسل ما لم تحمل خاصية form تشير إليه.
action عبارة عن سكربت
إذا تعطّل السكربت أو حُجب فلن يُرسل شيء. ضع عنوانًا حقيقيًا في action ثم حسّنه بـ JavaScript.
البريد كنص عادي
استخدم type email كي تعرض الهواتف لوحة المفاتيح المناسبة وتُكتشف الأخطاء قبل الإرسال.
البريد اختياري
إن كنت تحتاج إلى الرد، فاجعل حقل البريد required حتى لا تصلك طلبات فارغة.
حقل بلا تسمية
لا تقرأ قارئات الشاشة شيئًا، والنص التوضيحي يختفي أثناء الكتابة. أضف label.
الملء التلقائي معطّل
الملء التلقائي يسرّع إدخال بيانات التواصل ويقلل الأخطاء. أزل autocomplete off من الاسم والبريد والهاتف.
يرسل إلى خدمة أخرى
لا بأس بذلك مع خدمات النماذج. تأكّد أن الخدمة تحوّل الطلبات إلى بريد يقرؤه أحد.
وُجد فخ للرسائل المزعجة
حقل طُعم مخفي يصطاد الروبوتات دون إزعاج البشر. لا شيء لإصلاحه.
طريقة الاستخدام
اقرأ النموذج
الصق شيفرة النموذج أو عنوان الصفحة. يُرسم كل حقل أنبوبًا، ويُعلَّم كل تسرّب في مكان حدوثه.
أصلح التسربات
كل نتيجة تأتي مع إصلاح في سطر واحد. التسرب يُضيّع البيانات، والرشح يُفقدك بعض الزوار، والملاحظات تستحق نظرة.
اختبر العنوان
أرسل طلب اختبار واحدًا إلى عنوان action. يتتبّع Form Leak كل إعادة توجيه ويخبرك هل وصلت البيانات سليمة.
ما لا يفعله
- لا يشغّل سكربتات الصفحة، لذا فالنماذج التي لا تظهر إلا بعد JavaScript تحتاج إلى لصق شيفرتها بعد العرض.
- لا يرى ما بداخل بريدك أو نظام CRM. الاختبار الناجح يثبت أن العنوان استلم البيانات، لا أن أحدًا قرأها.
- العناوين المحمية بـ captcha سترفض الاختبار عمدًا.
أسئلة
هل سيظهر الاختبار في بريدي؟
على الأرجح نعم، وهذا هو المقصود. يحمل اسم Form Leak test ورمزًا قصيرًا لتتعرّف عليه.
لماذا تُعد إعادة التوجيه بعد الإرسال تسرّبًا؟
بعد 301 أو 302 أو 303 يحوّل المتصفح طلب POST إلى GET. تُفتح الصفحة لكن بيانات النموذج تضيع. استخدم 307 أو 308، أو أعد التوجيه بعد الحفظ فقط.
هل تُحفظ شيفرة HTML الخاصة بي؟
لا. تُقرأ الشيفرة الملصقة داخل متصفحك. الصفحات المجلوبة والاختبارات لا تُحفظ.