Конструктор спецификаций форм
Создайте схему формы с типами полей, ограничениями валидации, выбором, требуемыми полями и условной видимостью. Предварительный просмотр и экспорт JSON или краткое изложение.
Спецификация формы
{
"name": "Contact request",
"fields": [
{
"name": "email",
"label": "Email address",
"type": "email",
"required": true,
"maxLength": 254,
"errorMessage": "Enter a valid email address."
},
{
"name": "reason",
"label": "What can we help with?",
"type": "select",
"required": true,
"options": [
"General question",
"Billing",
"Other"
],
"errorMessage": "Choose a reason."
},
{
"name": "message",
"label": "Tell us more",
"type": "textarea",
"required": true,
"minLength": 10,
"maxLength": 2000,
"visibleWhen": {
"field": "reason",
"equals": "Other"
},
"errorMessage": "Write between 10 and 2000 characters."
}
]
}Текст экспорта остаётся на английском; введённые данные сохраняются без изменений.
Не подписывайся. Никаких кредитов. Этот инструмент собирает ваш вывод в вашем браузере.
От идеи к чему-то полезному.
- 01
Добавьте и назовите свои поля формы.
- 02
Установите валидацию, варианты и дополнительные условия видимости.
- 03
Просмотрите предварительный просмотр живой формы и экспортируйте спецификацию.
Небольшой контекст.
Спецификация формы записывает, что каждое поле принимает и когда оно появляется. Этот инструмент поддерживает общие HTML Типы полей, требуемые поля, ограничения длины текста и одно условие видимости на основе равенства для каждого поля. Предварительный просмотр выполняет локальную валидацию клиента; валидация и хранение на стороне сервера остаются работой по реализации.
Хорошие вопросы.
Будет ли предварительный просмотр представлять мои данные?
Нет. Предварительное представление проверяет поля только локально и показывает локальное подтверждение. Ничто не спасается и не посылается.
Можно ли создать сложную условную логику?
Каждое поле поддерживает одно условие равенства на предыдущем поле. Это делает условия предсказуемыми и позволяет избежать правил круговой видимости.