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

فارس القبيلة · 27-11-2006, 01:35 AM

السلام عليكم

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

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

Zizwar · 27-11-2006, 01:52 AM

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

ابو الويس · 27-11-2006, 03:38 AM

كود:

<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, 04:08 AM

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

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

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

كود 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, 12:26 PM

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

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

الإمبراطور وحيد · 27-11-2006, 01:05 PM

السلام عليكم

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

استغل الفرصة لأسأل أيهما أفضل وأكثر أمنا التحقق بواسطة الـ 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, 01:18 PM

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

كود 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, 01:26 PM

إقتباس:

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

السلام عليكم

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

استغل الفرصة لأسأل أيهما أفضل وأكثر أمنا التحقق بواسطة الـ 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, 02:18 PM

هلا ابو الويس

شكرا لك

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

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

اما بخصوص

إقتباس:

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

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

وشاكر لك

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

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

الإمبراطور وحيد · 27-11-2006, 02:32 PM

إقتباس:

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

السلام عليكم

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

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

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

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

كود 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, 03:30 PM

سهله يا الامبراطور فقط راقب الداله والشرط 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 · 12:13 AM

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

Zizwar · 28-11-2006, 02:33 AM

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

الإمبراطور وحيد · 28-11-2006, 11:43 AM

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

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

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

زيزوار

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

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

شكرا لك

وحيد ،

فارس القبيلة · 02-12-2006, 12:31 AM

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

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

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

زر الارسال يعطي المتغير 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>

Abdulaziz Al Rashdi · 02-12-2006, 12:54 AM

ليست لي خبرة كبيرة بالجافا
لكن أرجو ان تستفيد من الكود التالي:

كود HTML:

 <form method="POST" action="addpost.php" style="text-align: center"> <p>&nbsp;</p> <p><input type="button" value="معاينه" onclick="window.location = '?do=show';" name="B2"><input type="button" value="إرسال" onclick="window.location = '?do=add';" name="B1"></p> </form>

فارس القبيلة · 02-12-2006, 01:30 AM

الرجل الخارق شكرا لك

وجاري التجربه

فارس القبيلة · 02-12-2006, 04:05 AM

اخوي الخارق مانفع الحل للأسف

الإمبراطور وحيد · 02-12-2006, 09:50 AM

السلام عليكم

يتوجب عليك استخدام المتغير في الزر نفسه

هكذا

كود HTML:

 <form method="POST" action="qqq.php" style="text-align: center"> <p>&nbsp;</p> <p><input type="submit" value="معاينه" name="show"><input type="submit" value="إرسال" name="add"></p> </form>

ولا بد من تعديل كود الـ php ليكون بالشكل

كود PHP:

  <?

if(isset($show)){

echo"معاينة";

}

else if(isset($add)){

echo"اضاافة";

}

?>

موفق ان شاء الله

ابو الويس · 02-12-2006, 02:24 PM

اخي المعاينه المقصود بها ان تظهر المدخلات كما ستظهر بالموقع .. وكيف ستعملها بالجافا سكربت؟؟
ممكن ان تعملها طبعا المقصود لو ضغطت معاينه يكتبلك المدخلات الي انت ادخلتها وهذه مفيده لعمل التالي:

البيانات التي وضعتها هي
رارارارارارارارارار
رارارارارارارار
تبتبتبتبتبتبتب
بببتبتبتبتبتبت
هل توافق؟؟؟

رأي

الإمبراطور وحيد · 02-12-2006, 02:35 PM

هلا ابو الويس

انا فهمت من كلامه انه سيربطها ببالـ php

وهذا مافيه اي مشكلة على حسب علمي

وهنا مثال جدا مختصر

http://www.wh-em.com/qqq.php

بالتوفيق

السلام عليكم

فارس القبيلة · 02-12-2006, 11:18 PM

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

وياليت تضيفني ماسنجر

now2004#hotmail.com

ابو لويس شكرا على المداخله المفيده

علي عطوه · 29-06-2011, 06:53 PM

هل يمكن استخام submitاكثر من مرة؟

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة