[PHP]Filtrowanie inputa do formatu liczby z jednym miejscem po przecinku Opcje

[trifek]

Witam serdecznie,
Na stronie mam 5 inputów.

Chciałbym aby była możliwość wpisania w nich:
1. liczb tylko z jedną kropką i jednym miejscem po przecinku (np. 12.1)
2. liczby przed przecinkiem mogą składać się z max 4 cyfr

Zrobiłem taki kod:

[HTML] pobierz, plaintext 
function validateNumber() {
        var clean = this.value.replace(/[^0-9.]/g, "").replace(/(\.)\.{2,}/g, "$1").replace(/(.\d)\d+?/, "$1");
        if (clean !== this.value)
            this.value = clean;
    }
 
    document.querySelector('.number-mask').addEventListener('input', validateNumber);
 
[HTML] pobierz, plaintext 

Jednak nie do końca działa Mogę wpisać więcej liczb po przecinku i nie wiem jak założyć "blokadę" na liczby przed przecinkiem

Wie ktoś może jak to zrobić? Bardzo proszę o pomoc

[kayman]

https://www.w3schools.com/tags/att_input_pattern.asp

[trifek]

to niestety nie działa (Mac FireFox / Safari).
Wolałbym dopracować tego mojego JSa

[trueblue]

Do tego w ogóle nie trzeba wyrażenia regularnego.
Przejrzyj jakie są typy pól input.