JS маска для инпут и событие .on keycup?

Question

[krispey102]

Есть форма и кнопка отправить, кнопка активируется если все поля заполнены. событите js, отвечающее за изменение текста внутри input -

$('.block-calculator .js-input-validate .style-input').on('input keyup', function(e) { }

Данный код работает, кнопка активируется и форму можно отправить если внутри input вводится текст. Проблема - в поле "телефон" стоит маска по типу [phone] и если ввести одну цифру, то кнопка отправить форму станет активна, но проблема в том что если номер телефона не правильно заполнить, то всё написанное сотрётся до исходного значения, но т.к кнопка активна, то форму можно отправить, и на почту придёт пустой номер телефона. Можно ли как-то сделать условие, правильно ли заполнен номер телефона?

Comments

[lUser L]

Я как-то давно решил такую проблему так: всем инпутам задал один какой-то класс, например .validate при ошибке инпутам добавляется класс .validate-error

Далее перед отправкой: $('.validate').trigger('input'); . соответственно после этого проверяешь есть ли в инпутах класс.validate-error Но это кривое решение и по этому я написал в комментариях, поделился своим опытом

[lUser L]

https://jsfiddle.net/p6xe1roc/ - вот простенький пример как я делал