Как сделать проверку телефонного номера на валидность?

Question

[lagudal]

Имеется форма, в которой среди прочих инпут "телефон". Необходимо сделать проверку вводимого пользователем значения на валидность, при этом чтобы проверялось не только после клика на сабмит кнопку(это естественно тоже обязательно), но и на лету - т.е. написал билеберду, вышел из фокуса интпута и перешел еще куда то - предупреждение, сорри мол, введите корректный номер.
Самих регулярок в принципе в сети много, интересует именно как сделать такую проверку на лету?

Comments

[farwace]

Попробуй это
https://igorescobar.github.io/jQuery-Mask-Plugin/

Answer 1

[Иван Колотилкин]

<input  type="tel" pattern="(\+?\d[- .]*){7,13}" required placeholder="[phone]">

вот так :-)

Answer 2

[Арсений Матыцин]

Привязать к полю onchange или oninout (а лучше через addEventListener) функцию, которая будет проверять на лету, и ее же можно к сабмиту формы шить.

Comments

[lagudal]

спасибо, буду пробовать.