asp-validation-summary div displaying even without errors

Question

This is my page.

The red box is the validation summary div

I use taghelpers and the div looks like this

<div asp-validation-summary="ValidationSummary.All" class="validation-summary alert alert-danger"></div>

Is there any way to only display this div if the user has pressed the button ?

I've tried hiding it and then showing it using jquery when the button is pushed, but because the page reloads it stays hidden even after.

My page is in ASP.Net 5 MVC 6.

Answer 1

wrapping it in an if statement fixed it

@if (!ViewData.ModelState.IsValid)
{
<div asp-validation-summary="ValidationSummary.All" class="validation-summary alert alert-danger"></div>
}

Answer 2

Use CSS class .validation-summary-valid

.validation-summary-valid {  
    display: none;  
}