Как не зачислять деньги до нажатия кнопки «Отправить»

Question

Этот код устанавливает значение email в значение Spring @ModelAttribute(name='email'). Когда я открываю страницу, <label> и <input> сразу становятся зелеными (используя класс bootstrap text-success и is-valid).

Что я хочу:

1. <label> и <input> должны быть без какого-либо класса при открытии страницы.

2. Только после нажатия кнопки «отправить» классы должны быть добавлено:

   • Если ${#fields.hasErrors('email')} равно false, то <label> и <input> должны добавить text-success и is-valid классов и стать зелеными

   • Если ${#fields.hasErrors('email')} равно true, то <label> и <input> должны добавить text-danger и is-invalid классов и покраснеть

Как мне это сделать?

<form>
    <label 
        for="email"
        th:classappend="${#fields.hasErrors('email')} ? 'text-danger' : 'text-success'">
        Email
    </label>

    <input 
        type="text" 
        class="form-control" 
        th:classappend="${#fields.hasErrors('email')} ? 'is-invalid' : 'is-valid'" 
        th:field="*{email}">

    <button type="submit">Submit</button>
</form>