مشکل در حل تمرین شخصی سازی خطاها

درود و عرض ادب

من برای customizeکردن خطا مثلا اگه کاربر کلید ارسال دیدگاه را بزند در حالیکه text area خالی باشد در فرم یک div گذاشتم و یک فایل js ساختم که با یک alert هم تست کردم و درست کار میکند ولی وقتی فرم را ارسال میکنم باز همان صفحه wp-comment-post .php خود وردپرس نمایش داده می‌شود .چطوری میشه این صفحه نمایش داده نشه و خطایی که درون آن نشان داده میشه در ان div نشان داده بشه . من خیلی سرچ کردم ولی نتونستم حل کنم ممنون میشم اگر راهنمایی بفرمایید مشکل از کجاست ؟.

Query (document). ready (function($)
{
$('#test').submit(function (event){
event.preventDefault();
Let comment=$( '#comment') .val();
if(comment.trim==='')
$.getElementById('#comment-error-container').classList.add('visible')
$('#comment-error-container'). text('please enter your comment. '); 
return false;
}
})
});

jQuery(document).ready(function($) { $('#test').submit(function(event) { event.preventDefault(); let comment = $('#comment').val(); if (comment.trim() === '') { $('#comment-error-container').addClass('visible'); $('#comment-error-container').text('لطفاً نظر خود را وارد کنید.'); return false; } else { // If the comment is filled in, the form will be submitted. this.submit(); } }); });