Инпуты

Input data-validate-type="text", data-limitation="name", data-message-base="Поле обязательно к заполнению", data-message-extra="Проверьте корректность заполнения поля", data-required.


Input data-validate-type="matrix", data-matrix-limitation="digit", data-matrix="____ ______", data-message-base="Поле обязательно к заполнению", data-required.


Input data-validate-type="email", data-message-base="Поле обязательно к заполнению", data-required.


Input data-validate-type="phone", data-on-input-validate, data-message-base="Поле обязательно к заполнению", data-message-extra="Проверьте корректность заполнения поля", data-message-success="Поле заполнено верно", data-required.

Input data-validate-type="custom-example", data-message-base="Поле обязательно к заполнению", data-message-success="Поле заполнено верно", data-required.


Textarea data-validate-type="text".


Input data-validate-type="file", data-message-base="Файл обязателен к добавлению", data-message-extra="Файл слишком большой", data-on-input-validate, data-max-size="1048576".


Кастомные Input file

Input data-validate-type="custom-upload", data-required.


Перетащите сюда файлы

Чекбоксы

Чекбокс data-validate-type="checkbox", data-message-base="Поле обязательно к заполнению".


Группа чекбоксов data-validate-type="toggle-group".


Селекты

Селект простой с выбранной опцией.

  • Тема 1
  • Тема 2
  • Тема 3
  • Тема 4
  • Тема 5
  • Тема 6

Селект простой без выбранной опции.

  • Тема 1
  • Тема 2
  • Тема 3
  • Тема 4
  • Тема 5
  • Тема 6

Кнопки сброса и отправки формы

Пример формы с выводом общего сообщения об ошибке.

Инпуты

Input data-validate-type="text", data-limitation="name", data-message-base="Поле обязательно к заполнению", data-message-extra="Проверьте корректность заполнения поля", data-required.


Input data-validate-type="matrix", data-matrix-limitation="digit", data-matrix="____ ______", data-message-base="Поле обязательно к заполнению", data-required.


Input data-validate-type="email", data-message-base="Поле обязательно к заполнению", data-required.


Кнопки сброса и отправки формы