wielkie litery i walidacja po stronie klienta

Witajcie, nie wiem czy prawidłowy dział, ale mam nadzieję, że pomożecie.
Portal Asp.Net MVC, w Modelu używam do sprawdzenia wyrażeń regularnych, które mają na celu sprawdzenie m. in., że dane są wpisywane wielkimi literami, walidacja po stronie klienta, w Widoku input z klasą oraz w Css do tej klasy użyłem text-transform: uppercase; czyli domyślnie mają być wielkie litery i miało to za zadanie też zmieniać wprowadzane małe litery na wielkie..

Gdy wpisuje z klawiatury jakiś tekst z małych liter, pokazuje mi błąd, choć na ekranie w input-cie są wyświetlane wielkie litery; gdy wpisuje ten sam tekst z użyciem Shift lub CapsLock wszystko działa poprawnie. Czemu?

Próbowałem, użyć też JQuery i keyup, działa poprawnie ale przy próbie poprawienia jakieś litery w środku wyrazu kursor od razu ucieka na koniec, co mi się nie podoba.

Bo CSS wpływa tylko na prezentację danych, nie zmienia ich, w kodzie HTML tam nadal są małe litery. Dokładnie tak jak zmiana w CSS koloru tekstu na czerwony nie sprawi, że w bazie tekst zapisze się jako czerwony.
Do zamiany faktycznej wielkości liter w stringu po stronie klienta służy: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toUpperCase

A mógłbyś bardziej rozszerzyć swą myśl? Gdzie i jak to użyć?

Z drugiej strony to wymyśliłem rozwiązanie, nie zmienię kodu tylko do wyrażeń regularnych w Modelu dodam możliwość wprowadzania małych liter, oraz przerobię/dodam jedną linię zamieniającą to wszystko na wielkie litery i po sprawie.

Nie ukrywam, że jestem ciekawy z tym console.log(...)

pozdrawiam