modificare il comportamento di default di un form, centrare campo con error con scroll animato

[cavicchiandrea]

Io non ho capito cosa vuoi fare, e l'ho riletto tre volte... "provaci ancora Sam"

[robynosse]

Io non ho capito cosa vuoi fare, e l'ho riletto tre volte... "provaci ancora Sam"

Se scrivi un form in puro HTML senza una linea di javascript/jquery, ha dei comportamenti di default, esempio:
quando in un campo input imposti il type='email' e il parametro required come sotto riportato:

<input type="email" id="email" name="email" required>

Se fai un submit e c'è un errore nel campo in questione, viene mostrato un errore, viene impostato il focus al campo e viene fatto uno scroll "istantaneo"(senza una animazione) al campo in questione.

Io vorrei modificare il comportamento di questa azione, ovvero vorrei modificare:
che il campo con errore venisse centrato in mezzo allo schermo, che il testo del messaggio di errore fosse personalizzato e con un mio popup (tipo alert('Campo email non corretto')).
Se intercetto il submit, con un e.preventDefault(), perdo tutte le verifiche che dovrebbero venire fatte durante il submit(incluso ad esempio un eventuale pattern="[A-Za-z]{3}") e dovrei scrivere "a manina" il comportamento/verifica di ogni singolo campo.

É possibile cambiare il comportamento di tali azioni?

Spero di essere stato più chiaro adesso.

Grazie,
Roberto