اذهب إلى المحتوى
  • 0

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

Hamada Ahmed

السؤال

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

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

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

<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>

 

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

Recommended Posts

  • 0

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

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

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

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

 

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

  • 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

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

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

أو

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

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

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

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

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

 

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...