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

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

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

Кастомная мультиформа в 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>

Скопировать код

Особенности

Совместим с мультиформой

Проверяет заданные поля для всех типов форм на странице
Поддерживает свои условия

Можно задать функцию, по которой будет валидироваться поле
Работает с калькулятором

Можно ограничить ввод значений для калькулятора. Подробнее