Всем привет!
Пытаюсь перейти в IT- отдел в своей компании из абсолютно другой должности.
Делаю всякую мелкую верстку, микро-задания, начал учить js.
Поступило тестовое задание - нужно сделать форму валидации "обратная связь" с использованием только bootstrap и vue.js
Есть поля ФИО, почта и текст сообщения. Нужно сделать, чтобы кнопка Отправить была неактивна, пока не заполнены все поля и чтобы выводились ошибки, если какоето поле заполнено неверно(
Нагуглил кучу примеров, где для валидации используются плагины для vue, но ничего не нашел насчет чистого vue.js. Плагинами нельзя пользоваться по условиям задания, даже библиотекой jquery.
Может кто-то подсказать от чего отталкиваться?
Помогите, пожалуйста :3
Разумеется полностью за вас никто делать задание не будет. Но наводящий пример сделать можно - codepen. Общая идея должна быть понятна: с помощью v-model связываем данные с инпутами, с помощью computed-свойств проверяем данные на правильность. В примере только одно поле, вам нужно его расширить на несколько.
Ни в коем случае не хотел чтобы за меня все делали. Нужна была стартовая точка, чтобы понять логику. Вы предоставили прекрасный пример, спасибо вам огроменное! Успехов и здоровья
Дмитрий, С примером это и правда не связано. Формула (ее кстати можно сократить, здесь она используется в развернутом виде для понятности) - это шлюз для создания труъ-адаптивной типографики, где размер шрифта плавно меняется в зависимости от размера экрана в пределах шлюза, а за его пределами остается постоянным. Здесь 400-1200px - это границы шлюза, 18-24px - границы диапазона значений для размера шрифта. Идея хорошо описана в этой статье.
Простой
Средний
