Witam.
Mam za zadanie zrobić w js funkcję, która będzie mi sprawdzać, czy numer telefonu wpisany do inputa jest poprawny, jeśli nie to wyskoczy komunikat, np jak zamiast liczby wstawię znak to powinien pojawić się komunikat "tylko cyfry", jeśli za dużo liczb (więcej niż 9) to komunikat że za dużo cyfr itp.
Mój problem polega na tym, że napisałem funkcję i nie wyrzuca ona poprawnie komunikatów. To znaczy jak dam 9 cyfr to nie pojawia się komunikat "Good".
Tu mój kod w js:
(function () {
const ex2_t=document.querySelector('input')
const ex2_c = document.getElementById('ex2_content')
ex2_t.addEventListener('input', testInfo);
const re = /^\d{9}$/;
console.log(re.test(177727538));
function testInfo(e)
{
if (!re.test(e))
{
ex2_c.textContent=e.target.value;
}
else{
ex2_c.innerHTML="Good!";
}
}
})();
W HTML wygląda to tak:
<div id="ex2" class="ex">
<h5>Ex2 - Validation</h5>
<input type="text" id="ex2_text" placeholder="phone number" />
<div id="ex2_content"></div>
</div>
Sprawdziłem też czy moje wyrażenie jest poprawne i w konsoli wyskakuje true, więc jest ok, więc może nie porównuje tego czego ja chcę, ale już nie mam pojęcia :( Z góry dziękuję za pomoc!