كيفية وضع سكريبت للتحقق من الفورم قبل ارساله؟

ممكن تضع أحي الكود لكي نضع لك ما المشكلة بكودك بدلأ من وضع لك كود آخر.

ونفسر سبب الخطأ لديك.

السلام عليكم و رحمة الله

بعد إذن الأخ عبد الله جابر شقلية ، هذه مذكرة بسيطة في تأكيد النموذج بجافا سكريبت مفيدة بإذن الله مستقبلاً للأخ javaworld ، و إذا كان مستعجل لازال بإمكانه وضع الكود و أكيد الأخ الفاضل عبد الله سيفيدك.

Validation_with_JavaScript.zip

هذا هو الكود و هو شغال 100% لكن المشكلة أنه بعد

اظهار الرسالة ينتقل للصفحة page1.asp و هي صفحة المعالجة

للفورم ،،

و إليكم الكود:

<script LANGUAGE="JavaScript">
function checking(form)
{
  if (form.email.value.indexOf('@', 0) == -1 ||
      form.email.value.indexOf('.', 0) == -1)
  { alert("فضلا..أدخل البريد الإلكتروني"); form.email.focus(); return; }
  
 	 form.submit();
  }
</script>

<form method="POST" action="page1.asp" >
  <input type="text" name="email" size="20" style="text-align: right" dir="rtl"><input onClick=checking(this.form) type="submit" value="دخول" name="B1" style="font-family: Tahoma"><input type="reset" value="مسح" name="B2" style="font-family: Tahoma"></p>
</form>

السلام عليكم

لقد قمت بالتعديل القليل على الكود لان طريقتك صحيحة لكن هناك بعض الأمور كان يجب أن تأخذها بعين الاعتبار لك الكود التالي:

<script LANGUAGE="JavaScript">
function checking(form)
{
 if (form.email.value.indexOf('@', 0) == -1 || form.email.value.indexOf('.', 0) == -1)
 { 
 alert("فضلا..أدخل البريد الإلكتروني"); 
 form.email.focus();
  return false; 
  }

  return true;
 }
</script>

<form method="POST" name="form" action="page1.asp" >
 <input type="text" name="email" size="20" style="text-align: right" dir="rtl">
 <input onClick="return checking(this.form)" type="submit" value="دخول" name="B1" style="font-family: Tahoma"><input type="reset" value="مسح" name="B2" style="font-family: Tahoma"></p>
</form>

لاحط أنك قمة بوضع form.email.value.indexOf('@', 0)

كلمة form لأي نموذج سوف تعود فأنت لم تحدد ذلك.

يجب أن تضع اسم النموذج .

فلقد قمت بوضع اسم النموذج الذي وضعته form

أنت قمت بوضع بعد ظهور المسج return ما القيمة التي سوف تعود بها هل هي خطأ أم صحيحة.

طبعا يجب أن تكون خطأ حتى لا يتم عمل اعتماد لبيانات الفورم ويذهب إلى صفحة آخري.

لقد قمت بوضع form.submit(); سواء تحقق الشرط أم لا يتحقق فكلا الحالتين سوف يعتمد البيانات.

ضع بدل منها ماذا سوف تعود لك الجملة return true;

طيب إلى أين سوف تعود هذه العابرهة الصحية في حدث ضغط الزر أنت قمت بوضع

onClick=checking(this.form)

لكن يجب أن تضع قبلها كلمة return كما في الكود التالي:

onClick="return checking(this.form)"

حيث في حالة كانت قيمة المرجع صحيحة يعتمد البيانات وفي حالة كانت خطأ لا يعتمد البيانات.

أرجوا أن يكون الشرح واضح

مع تحياتي

شكراً جزيلا أخي عبدالله،،

ليس على تصحيح الكود فقط!!

بل على توضيح السبب بشكل مفصل ..

و الكود اشتغل على أحسن ما يرام،،

انظر الرابط:

هذا هو الرابط ( انقر هنا)

و الشكر أيضا لأخي محمد سمير على هذه

المذكرة الرائعة و هي فعلا ما كنت أحتاجه،،

لتعميم الفائدة، يوجد موضوع مشابه هنا:

/index.php?showtopic=47732