Jak uspokoić formularz po wysyłce

Mam taki oto formularz (no prawie, on ma jeszcze trochę pól i treści)

 <form class="adres__form" id="contact-form">
  <input class="form__input" type="text" name="name"   id="name" placeholder="Imię i Nazwisko" required>
  <input class="form__input" type="email"  name="email" id="email" placeholder="adres email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,}$">
  <select class="form__input"
                            name="Podaj temat" id="subject" required>
                            <option value="info">Informacje o usługach</option>
                            <option value="rezerwacja">Rezerwacja</option>
                            <option value="inne">Inne</option>
  </select><textarea class="form__input" name="content" id="message"
                            placeholder="Wpisz treść wiadomości" required>
 </textarea>
<button class="btn intro__btn adres__btn" type="submit"> <span class="btn-inner">Wyślij</span></button>

I ten formularz działa OK. Poza jednym ale: po wysyłce i wyczyszczeniu zawartości przechodzi w stan, jakby mu brakowało wartości a zażądano wysyłki( pola są required) co objawia się czerwoną obwódką wokół pól.
Czyszczenie jest realizowane tak:

function resetInputFields(){
  $('.form__input').val('')
}

Wygląda na to, że po wysyłce mimo sukcesu jest nadal 'pobudzony'. Pewnie jest jakiś atrybut który trzeba 'zgasić' dla każdego pola, pytanie jaki?

.reset()
https://www.geeksforgeeks.org/how-to-reset-a-form-using-jquery-with-reset-method/
https://stackoverflow.com/questions/16452699/how-to-reset-a-form-using-jquery-with-reset-method