Как использовать валидатор

Script: tl-validator.min.js

How to use: Для использования скрипта в TerraLeads необходимо подключить скрипт перед закрывающим тегом body

javascript <script type="text/javascript" src="/tl-validator.min.js?country=ru&label=true"></script>

Description. В скрипт validator.js передаются параметры country (указывает страну под какую проводится валидация формы). country должен быть в формате 2 латинских символов (country=es - Испания, country=it - Италия, country=in - Индия).

Параметр lang не является обязательным.

Может принимать строковые значения по аналогии с country. Указывает на каком языке выводить сообщения ошибок

Если lang=en - сообщения будут на английском языке

javascript <script type="text/javascript" src="/validator.js?country=it&label=false&lang=en"></script>

Параметр label

Если label=true

Форма в разметке HTML должна иметь такую структуру:

Класс input-wrapper можно заменять на любой другой, но в стилях также нужно будет заменить .input-wrapper В случае невалидного поля в форме, для input применяется класс error. Его можно кастомизировать в CSS для получения нужного стиля ошибки.

Пример стилизации:

Если label=false

Для того чтобы работал валидатор у формы должен быть класс al-form

Api

файлы: api.zip

Ленд который залит на terraleads часть файлов, настроек подгружает с backend(а) теры. Если веб хочет залить его на свой домен, сайт перед эти нужно предварительно “настроить”, то есть все что загружалось на сайт с теры, нам нужно добавить вручную:

├─ js
    └─ jquery.js
    └─ api.js
    └─ info.min.js
    └─ script_footer.js
    └─ tl-validator.js
  api.php
  contactus.php
  feedback.html
  privacy.html
  success.html
  terms.html

ВАЖНО!!! success/privacy у нас локализован не на все гео, если на теру не подгружен файл локально он тянет англ. версию, то есть если вы качаете сайт с теры, а там нет success/privacy вам нужно добавить их англ. версию (она подгружена в "файлах")

// </body> скрипты подключаем перед закрывающим тегом /body

 <script src="js/jquery.js"></script>
 <script src="js/script_footer.js"></script>
 <script src="js/info.min.js"></script>
 <script>Attention.init({ru:{}});</script>
 <script src="js/api.js"></script>
 <script src="js/tl-validator.js?country=ru&label=true"></script>

1. jquery.js - либа на которой работают остальные скрипты, если ее не было изначально на ленде, ее нужно добавить и подключить
2. script_footer.js - теровский футер, со всеми файлами

- contactus.php

- feedback.html

- privacy.html

- terms.html

3. info.min.js - ковид плашка, подключение ее зяыка <script>Attention.init({ru:{}});</script>, "ru", если гео не локализовано или подключено с ошибкой, скрипт вывед плашку на анг. языке

4. api.js - кастомный скрипт, для удобной настройки формы, цен

- прописывает в action="api.php"

- скрыть\открыть селект города

if (form.country) form.country.style.display = "none"; //скрыто
if (form.country) form.country.style.display = "block"; // открыто

- вводим настройки цены, в случае мульти селекта, просто дублируем код

{
   code: "CO", //гео
   label: "Colombia", //опция в селекте
   old: "219400", //старая цена
   new: "109700", //новая цена
   currency: "$", //валюта
},

5. tl-validator.js - валидатор, на терра сайтах настройки на него прописаны, его остаеться только подключить

6. api.php

- гео и id оффера<br>

1. ВАЖНО!!! id оффера берем c поля "ID", то что рядом с оффером это его номер, он нам не подходит

$offer_id = null;
    if(isset($_POST['country'])) {
        //больше одного if, в случае мульти селекта
        if($_POST['country'] == 'CO') {
            $offer_id = '5082';
        }
        if($_POST['country'] == 'MX') {
            $offer_id = '4941';
        }
    }

- id и ключ веба, смотрим в настройках акаунта теры

 public $config = array(
        'api_key' => 'bc946289e0b406599cb72551c4a7abcb', //ключ веба
        'offer_id' => '',
        'user_id' => '28635', //id веба
        'api_domain' => 'http://tl-api.com',
    );