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

Всем привет. Подскажите best practies по работе с инпутами и

их валидацией через vue.
Хочу сделать ограничения инпутов по длине и другим условиям.
В данный момент стоит просто валидация: [если не выполняется какое-то условие] - input красный, пользователь видит сообщение что не так с инпутом.

Подумываю может стоит сделать явно лимит без возможности вводить данные если какое-то условие не выполняется, например: лимит более 10 символов? не вводим данные.
Правда, меня напрягает то что вместо v-model="inputValue" скорее всего, придется перевести на формат:

// input template
:value="inputValue" @input="onInput"
// script
function onInput (e) {if (condition) ) inputValue.value = e.target.value }

- стоит ли делать вообще так?
- может есть какие-то best practies / статья именно по этой теме?
- vue3

11 ответов

26 просмотров

Сложна. Есть пара общепринятых либок (vuelidate, vee-validate) но как по мне «шо то …, шо это …, и это обе … такие что … я … … …» ((с) Эскобар). А если писать свои лесапеды, то кто-то точно наедит на то что исспользуюются не типовые решения, а городится свой огород🥲

Black_Yuzia-Yuzia Автор вопроса
Артем 🇺🇦 Бондаренко
Сложна. Есть пара общепринятых либок (vuelidate, v...

а у vuealidate и/или vee-validate есть возможность ограничивать ввод данных?

Лучше написать в красном сообщении (или тултип) о том что введите от x до y, разрешенные символы такие-то. Это лучше чем насильно обрезать имхо. Например, большая часть инпутов для телефонов ломается при автозаполнении, и это люто бесит, когда вставляешь из буфера, а оно само «+78926…»

Валидировать итоговую строку можно на ивенте @keypress, который идет до @input. Если строка не соответствует условиям, то запускаем event.preventDefault()

Nikita Vologzhin
Валидировать итоговую строку можно на ивенте @keyp...

А оно на вставку мышкой (через контекстное меню) точно тригернет?)

Black_Yuzia-Yuzia Автор вопроса
Дмитрий Кузнецов
Лучше написать в красном сообщении (или тултип) о ...

Ну, тут еще нюанс есть. Вот есть например поле для ввода, а там формат: 2 буквы + 6 цифр Я бы сказал что удобно сразу ограничивать ввод, пропускать только 2 буквы, а потом 6 цифр, а буквы блочить

Black_Yuzia Yuzia
Ну, тут еще нюанс есть. Вот есть например поле для...

Такая техника гуглится по masked input, норм для всяких там купонов, серий паспортов

Black_Yuzia-Yuzia Автор вопроса
Дмитрий Кузнецов
Такая техника гуглится по masked input, норм для в...

да, как раз паспорт. Я так понимаю там просто указывается формат по типу: X{2}Y{6} (ну для примера чисто) и оно само ограничивает все?

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

Обсуждают сегодня

Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Коллеги, добрый вечер. Создаю коллекцию от TFPGMap, ключ - перечисление, значение - целое. Нужно отсортировать коллекцию по значению. Как это можно сделать?
Kirill Filippenok
11
Скажи а ты когда этот канал создавал ты уже дельфи не любил, или это со временем пришло?
Роман Лях (rgreat)
18
Привет, такой вопросик появился кажется ли вам что Rust слишком сложный/строгий для высокоуровневого программирования и слишком "безопасный"/строгий для низкоуровневого?
Крокант
10
Всем привет! Использую кастомное модальное диалоговое окошко, все по классике - mrOK, mrCancel как ModalResult. Однако есть нюанс - в главной форме есть универсальный обработч...
Олег Гранишевский
20
Карта сайта