التأكد من ان الحقول غير فارغه في الفورم باستخدام جافا سكربت ؟؟

**فارس القبيلة** · 27-11-2006

السلام عليكم

شباب ماهي الطريقه للتأكد من ملء الحقول بلغه جافا سكربت

وايضا ماهي طريقه وضع مربع اختيار تشيك بوكس لتحديد جميع المربعات في الفورم

**Zizwar** · 27-11-2006

بان يكون لتلك الحقول تعريفة ID ومن خلال الجافاسكريبت نتأكد هل هي فارغة ام مليئة، هات كود الحقول التي عندك، لنريك المثال

**ابو الويس** · 27-11-2006

كود:

<html>

<head>
  <script language="javascript">
   function check() {
    if(!document.form1.txt1.value || !document.form1.txt2.value) {
    alert("data missing");
    return false; }
    else
    return true;
     }


  </script>
</head>

<body>
 <form name="form1" action="2.php" method="post" onSubmit="return check();">
 <input type="text" name="txt1"><br>
 <input type="text" name="txt2"><br>
 <input type="submit" value="Submit">
 </form>
</body>
</html>

عند وسم الفورم تكتب اسم الفورم وهو كما انا كتبت form1
التكست الاول اسمه txt1 والثاني txt2 ..
عند فتح الوسم كتبنا oncSubmit=" واسم الداله التي وضعناها في الهيدر

الان في الداله document.form1.txt1.value هذا المتغير الاول
document.form1.txt2.value هو المتغير الثاني!!

وهنا يفحص لو احدهما او كلاهما فارغ فسيرجع false غير ذلك يرجع true بمعنى انه لو كان احدهما فارغ فسيعطيك نافذة alert صغيره كما تلاحظ .. ولن ينتقل لصفحة 2.php ولم لك يكن فارغ فسينتقل

هذا بعض ما تعلمته من زيزوار

مع اني انا عارف انه زيزوار يريد عملها بطريقته اخرى وهي عن طريق ال dom يعني قراءة ال document.getElementById

وهذا ايضا ما تعلمته من زيزوار

**فارس القبيلة** · 27-11-2006

مع ان لغه الجافا سكربت احسها معقده بس بديت افهم بعض الاشياء منها

اخوي ابو الويس الله يعطيك العافيه شرح رائع

اخوي زيزوار هذا الكود

كود PHP:


<form method="POST" action="--WEBBOT-SELF--">

    <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

    <p><input type="text" name="T1" size="20"></p>

    <p><input type="checkbox" name="C1" value="ON"></p>

    <p><input type="checkbox" name="C2" value="ON"></p>

    <p><input type="checkbox" name="C3" value="ON"></p>

    <p><input type="submit" value="إرسال" name="B1"><input type="reset" value="إعادة تعيين" name="B2"></p>

</form>

**ابو الويس** · 27-11-2006

عزيزي ما عليك الا انت تطبق ماكتبته لك ولكن في حالتك متغير واحد فقط

ويجب ايضا ان تضع اسم لل form

**الإمبراطور وحيد** · 27-11-2006

السلام عليكم

شكرا أبو الويس والله يعطيك العافية

استغل الفرصة لأسأل أيهما أفضل وأكثر أمنا التحقق بواسطة الـ php من الحقول أم بالجافا

هل يمكن التحايل على الجافا عن طريق المتصفج؟ ككتابة مسافات؟

ايهما افضل استخدامها مع

كود HTML:

 <form name="form1" action="2.php" method="post" onSubmit="return check();">

او

كود HTML:

 <input onclick="return check();" type="submit" value="Submit">

مع خالص الشكر والتقدير للجميع

**الإمبراطور وحيد** · 27-11-2006

اخي فارس القبيلة بخصوص طلبك تفضل

كود HTML:

  <script language="javascript">
   function check() {
    if(document.form1.C1.checked == false || document.form1.C3.checked == false || document.form1.C3.checked == false || !document.form1.T1.value) {
    alert("data missing");
    return false; }
    else
    return true;
     }
  </script>
 <form name="form1" method="POST" action="2.php" onSubmit="return check();" > 
    <p><input type="text" name="T1" size="20"></p> 
    <p><input type="checkbox" name="C1" value="ON"></p> 
    <p><input type="checkbox" name="C2" value="ON"></p> 
    <p><input type="checkbox" name="C3" value="ON"></p> 
    <p><input type="submit" value="إرسال" name="B1"><input type="reset" value="إعادة تعيين" name="B2"></p> 
</form>

والسلام عليكم

**ابو الويس** · 27-11-2006

المشاركة الأصلية كتبت بواسطة الإمبراطور وحيد

السلام عليكم

شكرا أبو الويس والله يعطيك العافية

استغل الفرصة لأسأل أيهما أفضل وأكثر أمنا التحقق بواسطة الـ php من الحقول أم بالجافا

هل يمكن التحايل على الجافا عن طريق المتصفج؟ ككتابة مسافات؟

ايهما افضل استخدامها مع

كود HTML:

 <form name="form1" action="2.php" method="post" onSubmit="return check();">

او

كود HTML:

 <input onclick="return check();" type="submit" value="Submit">

مع خالص الشكر والتقدير للجميع

بالنسبه لسؤالك الاول
الاجابه هي طبعا ال php لان الجافا تعمل على متصفح او جهاز العميل وليس السيرفر يعني ممكن التحايل عليها وافضل طريقه للتحايل على الجافا هي ايقافها من اعدادات المتصفح!! بكل بساطه!

اما ال php افضل فيمكنك ان تقول اذا كانت المتغيرات فارغه فلا تدخلها لقاعدة البيانات وهذه الطريقه لو برمجت بطريقه سليمه ومن غير الممكن التحايل عليها!

سؤالك الثاني بالنسبه ل onSubmit و onClick نفس الشئ

ملاحظه: ممكن المعالجه في الجافا سكربت قبل الضغط على submit مثلا عن طريق onblur لو ترك الحقل فارغ فورا سيعمل له ملاحظه ان الحقل فارغ
ويوجد onChange and onFocus

**الإمبراطور وحيد** · 27-11-2006

هلا ابو الويس

شكرا لك

بالفعل انا في احدى البرامج استخدمت onblur ومميزة جدا فبمجرد ان تنتقل من الحقل سيتم عرض رسالة الخطا

وشكرا على المعلومة بخصوص تعطيل الجافا وهذه تعد مشكلة في البرامج المحمية بالجافا سكريبت

اما بخصوص

سؤالك الثاني بالنسبه ل onSubmit و onClick نفس الشئ

وجد فرق بسيط وهو عند استخدام onSubmit يمكن ارسال النموذج بواسطة الضغط على انتر اما onClick فلا يمكن لانه لابد من تغيير نوع الزر من submit إلى button

وشاكر لك

والله يوفقك الجميع

السلام عليكم
وحيد،

**الإمبراطور وحيد** · 27-11-2006

المشاركة الأصلية كتبت بواسطة فارس القبيلة

السلام عليكم

شباب ماهي الطريقه للتأكد من ملء الحقول بلغه جافا سكربت

وايضا ماهي طريقه وضع مربع اختيار تشيك بوكس لتحديد جميع المربعات في الفورم

بخصوص طلبك الثاني اخوي

تحديد الكود تفضل الكود

كود HTML:

  <script language="javascript">
   function check() {
    if(document.form1.C1.checked == false || document.form1.C3.checked == false || document.form1.C3.checked == false || !document.form1.T1.value) {
    alert("data missing");
    return false; }
    else
    return true;
     }



function checkall(){
document.form1.C1.checked = true
document.form1.C2.checked = true
document.form1.C3.checked = true
}

function checkall2(){
document.form1.C1.checked = false
document.form1.C2.checked = false
document.form1.C3.checked = false
}

  </script>
 <form name="form1" method="POST" action="2.php" onSubmit="return check();" > 
    <p><input type="text" name="T1" size="20"></p> 
    <p>تحديد الكل<input type="checkbox" onclick="checkall()" name="doall" value="ON"></p>
    <p>إلغاء تحديد الكل<input type="checkbox" onclick="checkall2()" name="doall" value="ON"></p>
	<p>&nbsp;</p>
	<p><input type="checkbox" name="C1" value="ON"></p> 
    <p><input type="checkbox" name="C2" value="ON"></p> 
    <p><input type="checkbox" name="C3" value="ON"></p> 
    <p><input type="submit" value="إرسال" name="B1"><input type="reset" value="إعادة تعيين" name="B2"></p> 
</form>

لكن ماعرفت كيف اعمل إلغاء التحديد عن الكل عند الضغط على نفس الزر مرة أخرى أكيد ابو الويس أو زيزوار بيجيبوها مشاء الله عليهم

تحياتي للجميع

**ابو الويس** · 27-11-2006

سهله يا الامبراطور فقط راقب الداله والشرط if

كود:

function checkall(){
if (document.form1.doall.checked==true){
document.form1.C1.checked = true
document.form1.C2.checked = true
document.form1.C3.checked = true
}
else {
document.form1.C1.checked = false
document.form1.C2.checked = false
document.form1.C3.checked = false
}
}


وطبعا في الفورم يجب ان تحذف الخيار الثاني لانك ان لم تحذفه لن تعمل لانه سيكون متغييرين بنفس الاسم

هذا الداله تفحص اذا كان محدد تحددهم كلهم وان لم يكن تلغي تحديدهم

**Abdulaziz Al Rashdi** · 28-11-2006

شكرا لك أخي |ابو الويس| على الكود الأول وباقي الأكواد
بارك الله فيك

**Zizwar** · 28-11-2006

الحمد لله أصبحت أراقب فقط، والله هذا القسم ولو مواضعه قليلة، لكن كل موضوع يخرج منه لمرء بإستفاذة، وهذا يعني ان الإهتمام بالجافاسكريبت يكبر يوما عن يوم
بارك الله فيكم

**الإمبراطور وحيد** · 28-11-2006

السلام عليكم
راحت عن بالي الشروط

رائع جدا ابو الويس

والله يعطيك العافية

زيزوار

انت استاذنا ومنك نستفيد

مازلت اترقب لتواجدك في موضوعين لي

شكرا لك

وحيد ،

**فارس القبيلة** · 02-12-2006

يعطيكم العافيه ياشباب

سؤال اخر ياشباب متعلق بالمناذج

كيف اضيف زرين زر ارسال وزر معاينه

زر الارسال يعطي المتغير do قيمه add

وزر معاينه يعطي المتغير do قيمه show

وهذا الفورم

كود PHP:


<form method="POST" action="addpost.php" style="text-align: center">

    <p>&nbsp;</p>

    <p><input type="submit" value="معاينه" name="B2"><input type="submit" value="إرسال" name="B1"></p>

</form>

الموضوع: التأكد من ان الحقول غير فارغه في الفورم باستخدام جافا سكربت ؟؟

أدوات الموضوع

بحث في الموضوع

التأكد من ان الحقول غير فارغه في الفورم باستخدام جافا سكربت ؟؟

المواضيع المتشابهه

التأكد من وجود برنامج على الكمبيوتر باستخدام php

كود جافا للتحقق من الفورم

جافا سكربت: خلفية في أجزاء الفورم تختفي عند النقر بالماوس>الأستاذZizwar

مطلوب كود جافا للسماح بعدد محدد من الأحرف في الفورم البريدي ..ضروري

كيف يمكن أن أجعل بعض الحقول يجب تعبتها في الفورم Form

ضوابط المشاركة