How to include all ASP validation summaries in a bootstrap alert?

See more:

Ajax

jQuery

ASP.NET-Core

I'm working on my ASP.NET Core MVC project. I want to show all the ASP Validation Summaries in my register/login form in a Bootstrap alert. I used JQuery for this purpose but it does not work. When I open the login/register page, there is a red empty rectangle (Bootstrap Alert) in the summary area.
Please guide me.

What I have tried:

Code for Alert:

<div class="alert alert-danger" id="alert" role="alert" asp-validation-summary=All></div>

JQuery script:

<script>
        $(document).ready(function(){
            if($('#alert').is(':empty')){
                $('#alert').hide();
            }else{
                $('#alert').show();
            }
        });
</script>