• 0

تفريغ محتوى الفورم بعد إرسال البيانات لقاعدة البيانات

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

لدي مشكلة في أن البيانات يتم ارسالها للقاعدة لكن بعد الارسال لا يتم تفريغ الفورم

ما المشكلة في ذلك

<form  method="post" id="messages">
<textarea name="message" id="message" ></textarea>
<INPUT type="submit" name="post" id="post" value="ارسال">

</form>
<script>
$(document).ready(function(e)
{
   $("#messages").on('submit', function(e)
    {
    e.preventDefault();
     $.ajax
     ({
        type: 'POST',
        url: 'send.php',
        data: new FormData(this),
        dataType: 'json',
        contentType: false,
        cache: false,
        processData:false,
        success: function(response)
           {  
           $('#messages')[0].reset();
           }
      });
     });
});
</script>

 

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

لا أجد أي أخطاء في الكود, حاول استخدام Dom في تحديد العنصر كالتالي

document.getElementById("messages").reset();

أو حاول استخدام trigger كالتالي

$('messages').trigger("reset");

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يمكنك استخدام trigger لمحو البيانات من الفورم في حالة نجاح المهمة أو فشلها , في حالة نجاح المهمة تكون بهذه الطريقة 

success: function(response)
{  
	$('form').trigger("reset");
}

و في حالة فشل المهمة 

error:function(response){
	$('form').trigger("reset");
}

فيكون كامل الكود بهذا الشكل 

<script>
        $(document).ready(function(e)
        {
           $("#messages").on('submit', function(e)
            {
				
            e.preventDefault();
             $.ajax
             ({
                type: 'POST',
                url: 'send.php',
                data: new FormData(this),
                dataType: 'json',
                contentType: false,
                cache: false,
                processData:false,
                success: function(response)
                   {  
                   	$('form').trigger("reset");
                   }, error:function(response){
					   console.log("DD");
                   	$('form').trigger("reset");
				   }
              });
             });
        });
</script>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يمكنك تفريغ الفورم عن طريق عمل set لل value لل input بالكود الاتي

$('#post').val('');

 

تمّ تعديل بواسطة Ziyad Hasan

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يمكنك فتح ال console وتفقد اذا كان يظهر لك خطأ عند الضغط على الزر لأنه قد يكون حدث خطأ قبل الوصول لتلك الشيفرة ولكن في العموم لتفريغ ال form فأنت تحتاج ال formObject لأنه يحتوي على reset ويمكنك الحصول عليه عادة عبر

$("#messages")[0].reset()

أو

$("#messages").get(0).reset()

يمكنك استخدام trigger وهي تستخدم جزء من الشيفرة فوق لتفعيل ال reset مباشرة

$("#messages").trigger("reset");

ويمكنك استخدام vanilla javascript

document.getElementById("#messages").reset();

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن