Вем привет. Ломаю голову с кастомной валидацией формы)) Есть форма, в

Question

Вем привет. Ломаю голову с кастомной валидацией формы)) Есть форма, в

которой есть два инпута.
На onchange инпута email => вешаю обработчик checkIsValidEmail, который будет проверять проходит ли значение маски email и возвращает true or false;
На onchange инпута password => вешаю обработчик checkIsValidPassword, который будет проверять проходит ли значение маски password и возвращает true or false;
так же есть кнопка Submit => которая регает юзера.

Кнопка Submit должна быть disabled пока оба поля не пройдут валидацию

в стейте у меня есть поле isValid которое будет определять - включена кнопка или нет

вопрос, каким образом я могу проверить оба поля, и только тогда сделать isValid правильным?) Буду рад помощи, а то уже ломаю долго голову над этим

вот лайв ссылка
https://codesandbox.io/live/pgYovX

#frontend #javascript #programming #russian #vue.js

0

28.01.2019

2 ответов

17 просмотров

Andrey

У тебя тебя слишком избыточный код. Проверять поля на валидность можно через computed, не используя watch. Ну и удаление классов через js... Хз. https://ru.vuejs.org/v2/guide/computed.html - Тут про вычисляемые свойства https://ru.vuejs.org/v2/guide/class-and-style.html - Тут про классы Сам я лично валидацию всегда через computed делаю.

0

28.01.2019

Akylbek Temirbekov · Accepted Answer

Akylbek Temirbekov

Для себя или проект?

0

28.01.2019

169 похожих чатов

Вем привет. Ломаю голову с кастомной валидацией формы)) Есть форма, в

2 ответов

Похожие вопросы