کار نکردن function و return false هنگام فراخواندن function با OnSubmit

سلام دوستان من به یک مشکل خیلی مسخره برخوردم
برای چک کردن خالی نبودن یک فیلد در فرم با جاوااسکریپت
این فایل جاوا اسکریپتمه :

    function validate(){

    var e = document.getElementById('form_name');

        

        if (e.value == "" || e.value == null) {

            document.getElementById('name_field').style.displa  y='inline-block';

            return false; }    

}

اینم فرمم :

        <form method="post" onSubmit= "return validate()" >

       ...

</form>

و جالب اینجاست که وقتی فانکشن رو هنگام onclick در button ثبت نام فرا میخونم کار میکنه (یعنی فانکشن درسته) اما موقع onsubmit همون فرم کار نمیکنه |:
واقعا گیج شدم لطفا کمک کنین :ناراحت:
(اینجا کد فرم رو به صورت کامل نیوردم اما بدونین ک درسته)