سؤال عن تفريغ حقول بعد حفظها

السلام عليكم

- عليك بتعلم تقنية AJAX وتقنية jQuery سوف تتخطى كل هذه العقبات من هذا النوع , مع العلم تقنية jQuery هى أحد مكتبات لغة javaScript فلإستخدامها يجب الإلمام بقواعد الجافا سكريبت موقع المكتبة .

- بالنسبة لتقنية AJAX فمكتبة jQuery تقدم التعامل مع تقنية AJAX بطريقة جميلة وسهلة تعتمد على إسلوب كتابة الأوامر بإستخدام JSON لمزيد عن هذه الطريقة يمكن زيارة الرابط التالى

- هذا شرح أحد الإخوه بارك الله فيه لمكتبة jQuery وتقنية AJAX من خلال المكتبة وهذا

شكرا جزيلا

لكن هل لي بحل لهذه المشكلة .............. انا عملت كود بحيث يتحقق من ان كل الحقول تم تعبيتها لكن فيه الحقل الخاص ب QuestionText كل ما اضعه و اختبره هل تم تعبيته تظهر مسج هذه في رسالة التنبية بدلا من تنبية التعبئة فما المشكلة

               $error .= 'There was an error in our Database, please Try again!';

و كذلك عند عمل الكود التالي لا اريد ان يختفي layout حق الصفحة و انه بس اضغط ok حقت popup box اكون في نفس الصفحة او بمعنى ثاني انه box يختفي و اظل انا في نفس الصفحة

هذا كود php

<?php
$error = NULL;
$questtionBody = NULL;
$opOne = NULL;
$opTwo = NULL;
$opThrd = NULL;
$opFour = NULL;
$correct = NULL;

if(isset($_POST['Submit'])) {
    $questtionBody = $_POST['QuestionText'];
	$opOne = $_POST['Answer1'];
	$opTwo = $_POST['Answer2'];
	$opThrd = $_POST['Answer3'];
	$opFour = $_POST['Answer4'];
	$correct =$_POST['CorAns'];

 if(empty($opOne)) {
   $error .= '-- Enter Optin 1. ';
 } 
 if(empty($opTwo)) {
   $error .= ' Enter Optin 2. ';
 } 
 if(empty($opThrd)) {
   $error .= '-- Enter Optin 3. ';
 }
 if(empty($opFour)) {
   $error .= '-- Enter Optin 4. ';
 }
 if(empty($correct)) {
   $error .= '-- Enter Correct answer. <br />';
 }


if($error == NULL) {
//Create query
	//$qry = ;
	$result=mysql_query("insert into multiplechoices values('','".$opOne."','".$opTwo."','".$opThrd."','".$opFour."','".$correct."','".$questtionBody."','1');");


	//Check whether the query was successful or not
	if($result) {
	        $error .= 'insert question was seccusseful.';
		}
		else {
               $error .= 'There was an error in our Database, please Try again!';
			   }
			   }
}
echo "<script>alert('$error');</script>;";
?>

وهذا كود اللي فيه form

<form name="form1" id="formadd" method="post" action="add-question.php" >

          <table width="100%" border="0" cellpadding="0" cellspacing="2" onMouseOut="javascript:highlightTableRowVersionA(0);">
            <tr onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');">
              <td bgcolor="#E2ECFF" width="125" valign="top"><span class="style1">
			  Question:</span></td>
              <td bgcolor="#E2ECFF" colspan="3">
			  <span class="style1">
                <textarea name="QuestionText" cols="80" rows="15" id="QuestionText">
					</textarea>	
              </span></td>
            </tr>

            <tr class="d1" onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');">
              <td width="125" valign="top"><span class="style1">
			  Option 1</span>:<br></td>
              <td><input name="Answer1" type="text" id="Answer112" size="60">
                <br>                </td>
              <td width="149" title="Select a picture to be displayed with this answer."><span class="style1">
			  Picture:</span>
                <select name="AnswerPic1" id="AnswerPic1"> <!--  ********* تحتاج مراجعة *********** -->
                  <option value="" selected> </option>
                </select></td><!-- here --- -->
            </tr>
			<!-- option2 --- -->

            <tr class="d0" onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');">
              <td width="125" valign="top" class="style1">Option 2:<br>                </td>
              <td class="style1"><input name="Answer2" type="text" id="Answer2" size="60">
                <br></td>
              <td width="149" class="style1" title="Select a picture to be displayed with this answer.">Picture:
                <select name="AnswerPic2" id="select"> <!--  ********* تحتاج مراجعة *********** -->
                  <option value="" selected> </option>

                </select></td>
            </tr>
			<!-- option3 --- -->

            <tr class="d1" onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');">
              <td width="125" valign="top" class="style1">Option 3:<br>              </td>
              <td class="style1"><input name="Answer3" type="text" id="Answer32" size="60">
                <br></td>
              <td width="149" class="style1" title="Select a picture to be displayed with this answer.">Picture:
                <select name="AnswerPic3" id="select2"> <!--  ********* تحتاج مراجعة *********** -->
                  <option value="" selected> </option>

                </select></td>
            </tr>
			<!-- option4 --- -->

            <tr class="d0" onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');">
              <td width="125" valign="top" class="style1">Option 4:<br>              </td>
              <td class="style1"><input name="Answer4" type="text" id="Answer42" size="60">                </td>
              <td width="149" class="style1" title="Select a picture to be displayed with this answer.">Picture:
                <select name="AnswerPic4" id="select3"> <!--  ********* تحتاج مراجعة *********** -->
				<option value="" selected> </option> 

                </select></td>
            </tr>
		    <!-- correct answer --- -->

			<tr class="d0" onMouseOver="javascript:highlightTableRowVersionA(this, '#FFFF99');" title="Case insensitive.  If you enter an answer here, no other items will appear.">
              <td width="125" valign="top"><span class="style1">Correct Answer:</span></td>
              <td colspan="4">
                <input name="CorAns" type="text" id="AnswerText" size="60"></td>
            </tr>
            <tr> 
              <td colspan="5"> <div align="center" class="style1 style1"> 
                  <p>

                    <input type="submit" name="Submit" value="Save">
					<input type="submit" name="Go" value="Go"  onMouseOver="OverMouse(this)"; onMouseOut="OutMouse(this)">
                  </p>
                </div></td>
            </tr>
          </table>
        </form>
</td>
    </tr>
	</table>

رجاااااااااااااء ما فيه احد يجاوبني الله يعافيكم رجاااااااء ضروري

احد يجاوبني الله يخليكم

وش هو انسب شرط يكتب بالنسبة ل(textarea) لاختبار ما اذا كانت فارغة او تم الكتابة فيها

الرجاء جاوبوني................................. رجاء رجاء رجاء

أخي الجيكويري يحل كل هذه المشاكل بكود بسيط جدا

عمليه تخزين البيانات بإستخدام أجاكس ربما تكون صعبه خصوصا إذا كان لدينا نصوص كبيره وبالعربي , لذلك أنصح بإستخدام iframe مخفي يتم إرسال النموذج إليه عن طريق target , في هذه الحاله تحتاج إلى طريقه للوصول إلى الصفحة الأم من خلال ال iframe وإضهار بيانات تؤكد عمليه الحفظ أو أن هناك خلل ما

هذا مثال

<script type="text/javascript">
    $(function(){
        $('#submit_ajax').click(function(){
            var error_t=0;
            $('.text_n').each(function(){
                if($(this).val()==''){
                    $(this).css('background-color','red') ;
                    error_t=1;
                }
            });
            if(error_t==1){
                $('#error_fill_all').show();

            }else{
                $('#form_ajax').submit();
                $('#error_fill_all').hide();
            }

        });
    });
</script>

<div id="error_fill_all" style="display: none">error must fill all feilds</div>
<form id='form_ajax' target="iframe_ajax" method="post">
    <input class="text_n" name='a'/>
    <input class="text_n" name='b'/>
    <textarea class="text_n" name='c'></textarea>
    <button id="submit_ajax">Send</button>
</form>
<iframe name='iframe_ajax' style="display: none"></iframe>