HTML Formularz - Szablon i walidacja numeru telefonu

Question

Witam, zapomniałem w jaki sposób mógłbym stworzyć szablon numeru telefonu do wprowadzania w formularzu

Chciałbym, aby szablonem był:

+XX YYY-YYY-YYY

Stworzyłem formularz i dodałem inputa

<input type="text" id="nrtelefonu" name="nrtelefonu" placeholder="+XX YYY-YYY-YYY" pattern="+[0-9]{2} [0-9]{3}-[0-9]{3}-[0-9]{3}" required>

Ale wiem, że mam błąd bo kiedyś mój pattern wyglądał zupełnie inaczej, tj. znajdowały się tam znaki: ? lub \

Czy możecie mi pomóc ze stworzeniem takiego szablonu gdzie automatycznie po wpisaniu pierwszych dwóch cyfr kierunkowych numeru telefonu doda spację, a po wpisaniu kolejnych trzech cyfr numeru doda myślnik i itd?

Zupełnie zapomniałem jak to się robiło..

Pozdrawiam

Answer 1

To o czym mówisz, nazywa się RegExp :)

Poczytaj sobie dla przypomnienia:
https://www.w3schools.com/jsref/jsref_obj_regexp.asp

Comments

Tylko nie z tego źródła, a lepiej z tego:

https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/RegExp