Демонстрационный проект / автоматизация
Карточка заказа
по шаблону.
Структурированные вводные, предварительный просмотр и два формата готового документа.
Собственная демонстрация. Имена и условия примера вымышлены; это не клиентский заказ.

Задача и решение
Превратить вводные по заказу в единый документ без ручного копирования полей. Развил простой текстовый пример в инструмент с обязательными полями, предварительным просмотром и скачиванием.
- Семь полей: заказчик, название, задача, результат, срок, сумма и примечание.
- Проверка обязательных значений, длины текста, календарной даты и суммы.
- Безопасное отображение специальных символов, переносов строк и длинных значений.
- Самостоятельный HTML со стилями для печати и TXT в UTF-8.
HTML, CSS и JavaScript. Данные документа не отправляются на сервер и не сохраняются. После изменения полей устаревший результат скрывается до нового формирования.
Проверьте сами
- Откройте демонстрацию и нажмите "Заполнить вымышленный пример".
- Проверьте в карточке: Анна Примерова, срок 20.11.2026 и сумма 12 500,50 ₽.
- Скачайте HTML и TXT. Откройте файлы и сравните текст с предпросмотром.
- Измените задачу: прежний документ и кнопки скачивания исчезнут. Сформируйте обновлённый вариант.
- Очистите заказчика и попробуйте сформировать: появится ошибка обязательного поля.
Границы проекта
Карточка не является юридически проверенным документом. Подписи, договоры, отправка заказчику, хранение и совместная работа не реализованы. Условия и вымышленные суммы примера не относятся к моему прайсу.
Один шаблон, семь полей. Название до 160 символов, заказчик до 120, задача до 3 000, результат и примечание до 2 000 каждое. Срок: 2000-2100 год. Сумма: от 0 до 1 000 000 ₽, до двух десятичных знаков. Для генерации нужен JavaScript.
Файлы создаются в браузере посетителя; они не содержат внешних ресурсов или скриптов. Скачанные документы посетитель хранит и удаляет самостоятельно.
К услуге "Документы по шаблону" ↗Есть небольшая задача?