Size: a a a

Angular - русскоговорящее сообщество

2021 April 30

AB

Alex Bu in Angular - русскоговорящее сообщество
То есть, с самого начала форма может быть красной и сразу же обвинять пользователя в том, что он дурак и уже накосячил 🙈

Хотя это вообще не он был
источник

SC

Serega Carbon in Angular - русскоговорящее сообщество
выполнить сортировку инвалидных полей и все инвалидные поместить в начало экрана))
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Это был старый бекендер, он уволился, пришел новый и настроил правила валидации. Но в базе записи не менялись, так как раньше не было валидаторов и все в поле инн забивали что хотели
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
Нет. В месседже будет написано - "Неверные данные / малая длина / большая длина ". Это просто сообщение об ошибке а не обвинение.
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Отличный план, особенно, если эти поля в специальном гриде. Кто-то короче, кто-то длинней. Вот забава будет, когда их перемешают по какому-то динамическому правилу
источник

ЮМ

Юра Москинов... in Angular - русскоговорящее сообщество
сути это не меняет)
источник

SC

Serega Carbon in Angular - русскоговорящее сообщество
либо такая штука, раз полей много, сверху в фиксированной панели точками(кнопками) помечать поля по порядку, те точки, которые красные - значит поле инвалидное, юзер нажимает на кнопку и проскроливает до инвалидного поля
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
Нету общего правила способов валидации форм , я считаю. Все зависит от задачи , 5-10 полей , мой вариант я считаю не плох, все видно и нету лишних сообщений. И меньше логики будет при нажатии на сабмит баттон
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Оно красное. и там будет написано что-то типа "НЕПРАВИЛЬНЫЙ ИНН, АТАТА"

Ладно, суть я понял. Если Вам это важно, то моя рекомендация дизейблить кнопку сабмит только тогда, когда форма маленькая и максимально простая. В остальных случаях - дать возможность пользователю жмякать в нее, так как это единственный способ у пользователя спросить у формы что не так
На это событие вы, как разработчик, можете сделать различные подсказки для пользователя, чтобы ему не было так грустно смотреть на вашу задизейбленную кнопку
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
Смотрии
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
Я заполнил 200 полей. Нажал кнопку , а тут херакс 150 полей красные. Что будет на экране за дичь?
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Это уже нормально. Так как у пользователя была возможность не косячить, а он целенаправленно накосячил и не заполнил форму корректно, нажал submit. Я бы еще пнул его за это
источник

SC

Serega Carbon in Angular - русскоговорящее сообщество
а нафиаг вообще на одной странице  делать 200 полей, для этого мат ангуляр придумали степпер между прочем)
источник

NP

Nathan 🦊 Perk @RF (х... in Angular - русскоговорящее сообщество
Да, именно поэтому на поле ставят валидацию агрессивную)
источник

NP

Nathan 🦊 Perk @RF (х... in Angular - русскоговорящее сообщество
А вопрос, вам на одной форме 200 полей зачем? Вы что, Госуслуги?
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
Он не знал минимальную длину полей , его за это побить?
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Кстати, по поводу "я заполнил". При состоянии touched и error поле подсвечивается красным. То есть, уходя с поля, вы сами подсветите это оодно поле
источник

SC

Serega Carbon in Angular - русскоговорящее сообщество
да) просто нету практики старому бэкендеру оставлять спеку новым бэкендерам)
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
вы таким образом последовательно будете их зажигать
источник

ЕП

Егор Платонов... in Angular - русскоговорящее сообщество
И сразу будет понятно что исправить, а не исправлять сначала 150, потом 70, потом 20....
источник