Данный плагин позволяет включить валидацию для полей форм на стороне фронт-енда в конструкторе Creatium и CreMax.
Валидатор работает следующим образом:
В поле через "капельку" указывается класс в соответсвии с желаемым форматом валидации.
В случае неверного ввода информации поле будет подсвечено красным контуром.
Код универсальный и постоянно пополняется и дорабатывается.
Код работает со всеми стандартными полями cr-field куда можнно ввести информацию, как на страницах, так и в открывающихся окнах и боковых панелях.
Описание классов и принципе валидации указано ниже.
inn_fl
– ИНН физлица: ровно 12 цифр, без разделителей.
– Пример: 7707083893 51 (маска уберёт пробел и выдаст 770708389351).
inn_ul
– ИНН юрлица: ровно 10 цифр.
– Пример: 7712345678.
snils
– СНИЛС: 11 цифр в формате XXX-XXX-XXX XX.
– Пример: 123-456-789 01.
phone
– Российский номер: 11 цифр, выводится как +7(XXX) XXX-XX-XX.
– Пример: ввод 89261234567 → +7(926) 123-45-67.
email
– Любой корректный e-mail (базовая проверка some@domain.tld).
– Маска не меняет ввод.
date
– Дата в формате дд.мм.гггг, ровно 8 цифр с разделителями.
– Пример: 31.12.2025.
full_date
– Дата и время дд.мм.гггг чч:мм.
– Пример: 01.01.2025 09:30.
full_name
– Полное ФИО вместе через пробел: только буквы, пробелы и дефисы.
– Пример: Иванов-Смирнов Пётр Сергеевич.
last_name, first_name, middle_name
– Отдельные фамилия/имя/отчество: до 50 символов, только буквы и дефис.
– Примеры: Петров, Анна-Мария, Владимирович.
passport_series
– Серия паспорта: ровно 4 цифры.
– Пример: 4510.
passport_number
– Номер паспорта: ровно 6 цифр.
– Пример: 123456.
При неверном формате полю добавляется класс .is-invalid, который подсвечивает поле красной обводкой.
В плагины в HEAD добавляем стили
<style>
.form-control.is-invalid {
border: 1px solid red !important;
}
</style>В конец BODY добавляем код
<script src="https://nchub.studio/uploads/files/679gvu962841zer1p0vt9702_fields_validation.js" defer></script>