Skip to content

Instantly share code, notes, and snippets.

@Nitive

Nitive/forms-developing-checklist.md

Last active March 12, 2018 12:10
Show Gist options
  • Save Nitive/8470ffc50645ba493ebb676899204e28 to your computer and use it in GitHub Desktop.
Save Nitive/8470ffc50645ba493ebb676899204e28 to your computer and use it in GitHub Desktop.
Download ZIP
Чек-лист разработки форм
Raw
forms-developing-checklist.md
  1. Нужно предусматривать состояние ошибки для всех действий, требующих запроса на бекенд
  2. Нужно предусматривать состояние успеха для всех действий
  3. Нужно предусматривать состояние загрузки для всех действий, которые не выполняются мгновенно
  4. Или показывать вместо этого успешное выполнение, и предусмотреть переход в состояние ошибки, если ошибка всё же произойдёт
  5. Для каждого поля должно быть состояние ошибки валидации
  6. Нельзя оставлять придумывание текстов ошибок на программистов, иначе рождаются монстры типа «Форма не должна иметь пустых полей»
  7. Должно быть прописано, когда происходит валидация полей: при вводе, при переходе на следующее поле или при отправке формы
  8. Должно быть прописано, когда исчезает ошибка, полученная при валидации: при фокусе на поле, при изменении текста в поле, при отправке формы или при вводе валидного значения
  9. Для полей ввода должно быть нарисованно состояние фокуса
  10. Для кнопок должно быть нарисованно состояние фокуса (focus), наведения (hover), нажатия (active), отключённое (disabled)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment