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

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

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

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

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

يمكنك استخدام 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>

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

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

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

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

أو

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

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

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

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

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