Время настройки: 1 минута

Кастомные формы в Zero-блоке

Позволяет задавать свои условия для проверки значений в формах и выводить кастомное сообщение при ошибке валидации
Дополнение
Дополнение

Свои условия проверки в формах

Инструкция по установке

  • Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
    Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>
Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
  • Задайте в настройках модификации название поля и параметры его валидации
    Валидация форм работает только для полей ввода (input). В качестве условия проверки вы можете задать как стандартную операцию (больше, меньше, содержит и др.), так и собственную функцию. См. подробнее в документации.
  • Скопируйте код и вставьте его в блок T123 в конец страницы
    Если нужно применить несколько правил валидации к одному полю, добавьте в блок T123 ещё один код с другими условиями. См. подробнее в примере.
Как это сделано?
<script>forms.validate('input1', { rule: function(value){ if (value.split(' ').length >= 2) return true }, message: 'Пожалуйста, введите имя и фамилию' })</script>
<script>forms.validate('input2', { rule: '!contains', value: 'gmail' })</script>
<script>forms.validate('input3', { rule: 'min', value: 10 })</script>
<script>forms.validate('input3', { rule: 'max', value: 20 })</script>
Настройки модификации

Настройки модификации

Название поля
Правило валидации
Значение проверки
Проверять при вводе:
Условие, которому должно соответствовать значение поля, чтобы пройти проверку.

Например, если задать правило Больше и значение проверки 5, то для значений 4 и меньше будет появляться ошибка.
Значение, которое берётся за основу для проверки.

Например, если задать правило Больше и значение проверки 5, то для значений 4 и меньше будет появляться ошибка.
Сообщение об ошибке
<!--forms.js Свои условия проверки в формах. https://postnikovmd.com/mods/forms/validate-->
<script>forms.validate("input")</script>
Скопировать код
Скопировать код
Код скопирован!

Особенности

  • Совместим с мультиформой
    Проверяет заданные поля для всех типов форм на странице
  • Поддерживает свои условия
    Можно задать функцию, по которой будет валидироваться поле
  • Можно ограничить ввод значений для калькулятора. Подробнее

Документация

Параметры

Если при установке что-то пошло не так

Добавьте параметр ?showerrors в конец ссылки, чтобы увидеть ошибки и рекомендации по их исправлению
Понравились модификации?
Можете отправить любую сумму, чтобы поблагодарить автора за работу. Вам плюсик в карму, а мне приятно!
 
Поделитесь впечатлениями
Нравятся модификации?
Расскажите про опыт ваш работы с модификациями — обратная связь поможет сделать их лучше
Расскажите про ваш опыт работы с ними — обратная связь поможет сделать их лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис