Создание формы для сайта на MODX с использованием FormIt

Да, на MODX 2.8.x аналогично.

Нужно создать хук для FormIt и прописать в нём нужные действия.

[[!+fi.validation_error_message:notempty=`<div class="alert alert-danger" role="alert">[[!+fi.validation_error_message:notags]]</div>`]]

[[!FormIt?
  ...
  &validationErrorMessage=`В форме содержатся ошибки!`
]]

<div class="checkbox-form">
  <input type="hidden" name="agree[]" value="">
  <input name="agree[]" type="checkbox" value="agree" [[!+fi.agree:FormItIsChecked=`agree`]]> Я согласен(на) на <a href="/politika-konfidenczialnosti-personalnyix-dannyix/">обработку моих персональных данных</a> 
  <p><span class="error_agree">[[!+fi.error.agree]]</span></p>
</div>

[[!AjaxForm? 
  ...
  &validate=`name:required,email:email:required,telefon:required,agree:required`
  ...
]]

php_value memory_limit 100M

<?php
exit(ini_get('memory_limit'));

в файле setup\includes\modinstalltest.class.php на строчке 84 

поменяй 

Цитата: 

$bytes = $this->_returnBytes($ml); -----memory_limit равен 128M 

на 

Цитата: 

$bytes = (int)$ml; 

или на строке 109 

поменяй 

Цитата: 

if (is_integer($val)) return $val; ---------memory_limit равен 256M 

на 

Цитата: 

if (is_numeric($val)) return (int)$val; 

какой вариант больше понравится =) 

protected function _checkMemoryLimit() {
  $success = false;
  $ml = @ini_get('memory_limit');
  $bytes = $this->_returnBytes($ml);
  ...

email: "<span class=\"error\"> </span>"
message: "Форма содержит ошибки"
success: false

<input name="form-1" type="submit" value="Отправить" />

&submitVar=`form-1`

$('.js-form3').each(function () {
      valEl($(this));
   });
   $('[data-scroll]').on('click', function () {
      $('html, body').animate({
         scrollTop: $($.attr(this, 'data-scroll')).offset().top
      }, 2000);
      event.preventDefault();
   })
});

$(document).ready(function () {
   $('[data-su]').on('click', function (e) {
      e.preventDefault();
      $(this).parents('form').submit();
   })
   $.validator.addMethod(
      "regex",
      function (value, element, regexp) {
         var re = new RegExp(regexp);
         return this.optional(element) || re.test(value);
      },
      "Please check your input."
   );
   function valEl(el) {

      el.validate({
         rules: {
            tel: {
               required: true,
               regex: '^([\+]+)*[0-9\x20\x28\x29\-]{5,20}$'
            },
            name: {
               required: true
            },
            mess: {
               required: true
            },
            email: {
               required: true,
               email: true
            }
         },
         messages: {
            tel: {
               required: 'Поле обязательно для заполнения',
               regex: 'Телефон может содержать символы + - ()'
            },
            name: {
               required: 'Поле обязательно для заполнения',
            },
            email: {
               required: 'Поле обязательно для заполнения',
               email: 'Неверный формат E-mail'
            }
         },
         submitHandler: function (form) {
            $('#loader').fadeIn();
            var $form = $(form);
            var $formId = $(form).attr('id');
            switch ($formId) {
               case 'popupResult':
                  $.ajax({
                     type: 'POST',
                     url: $form.attr('action'),
                     data: $form.serialize(),
                  })
                     .always(function (response) {
                        setTimeout(function () {
                           $('#loader').fadeOut();
                        }, 500);
                        setTimeout(function () {
                           $.arcticmodal('close');
                           $('#overlay4').fadeIn();
                           $form.trigger('reset');
                           //строки для остлеживания целей в Я.Метрике и Google Analytics
                        }, 1100);
                        $('#overlay4').on('click', function (e) {
                           $('#overlay4').fadeOut();
                        });

                     });
                  break;
            }
            return false;
         }
      })
   }

   $('.js-form4').each(function () {
      valEl($(this));
   });
   $('[data-scroll]').on('click', function () {
      $('html, body').animate({
         scrollTop: $($.attr(this, 'data-scroll')).offset().top
      }, 2000);
      event.preventDefault();
   })
});

<script src="path/to/jquery.form.min.js"></script>
<script src="path/to/jquery.jgrowl.min.js"></script>

<html>
<head>
    <title>test</title>
</head>
<body>
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  
    <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  

    [[!AjaxForm?
    &snippet=`FormIt`
    &form=`tpl.AjaxForm.example`
    &hooks=`email`
    &redirectTo=`57`
    &emailTpl=`email_test`
    &emailTo=`ky@gmail.com`
    &emailSubject=`Письмо с сайта`
    &validate=`name:required,email:required`
    ]]

</body>
</html>

&emailTo=`myemail@mail.ru`

[[!AjaxForm?
  &frontend_js = `[[+assetsUrl]]js/default2.js`
  ...
]]

if (!response.success) {
    ...
}

<?php

$isValueEmpty = empty($value); // определяем, пустое ли значение 1 поля

// если да, то определяем, пустое ли значение 2 поля
if ($isValueEmpty) {
  $isValueEmpty = empty($validator->fields[$param]);
}

// если оба значения пусты, то выводим ошибку
if ($isValueEmpty) {
  $validator->addError($key, $validator->formit->config[$key.'-requiredOneMessage']);
  return false;
}

return true;

<div class="control-group">
  <label class="control-label" for="field1">Поле 1</label>
  <div class="controls">
    <input type="text" id="field1" name="field1" value="" placeholder="">
    <span class="error_field1"></span>
  </div>
</div>
  
<div class="control-group">
  <label class="control-label" for="field2">Поле 2</label>
  <div class="controls">
    <input type="text" id="field2" name="field2" value="" placeholder="">
    <span class="error_field2"></span>
  </div>
</div>

[[!AjaxForm? 
  &form=`tpl.AjaxForm` 
  &snippet=`FormIt` 
  &customValidators=`requiredOne`
  &validate=`field1:requiredOne=field2,field2:requiredOne=field1`
  &field1-requiredOneMessage=`Укажите значение 1 полю`
  &field2-requiredOneMessage=`или установите значение 2 полю`
  ...
]]

[[!FormIt?
  ...
  &placeholderPrefix=`fi1.` 
]]

[[!FormIt?
  ...
  &placeholderPrefix=`fi2.` 
]]

...
<label for="name">
  Name: <span class="error">[[!+fi1.error.name]]</span>
</label>
<input type="text" name="name" id="name" value="[[!+fi1.name]]" />
...

...
<label for="name">
  Name: <span class="error">[[!+fi2.error.name]]</span>
</label>
<input type="text" name="name" id="name" value="[[!+fi2.name]]" />
...

<?php
$emailTo = $hook->getValue('emailto');
$modx->mail->address('to', $emailTo);

Array
(
    [name] => 
    [email] => 
    [phone] => 
    [text] => 
)

$modx->mail->email('to', $emailTo);

93 | $emailTo = $this->modx->getOption('emailTo', $this->formit->config, '');

93 | $emailTo = $this->modx->getOption('emailTo', $this->formit->config, $emailTo);

[[!AjaxForm? 
  &snippet=`FormIt` 
  &hooks=`email,FormItAutoResponder`
  &fiarTpl=`tpl.emailForUser`
  ...

<?php
$email = $hook->getValue('email');
if (!empty($email)) {
  $hook->formit->config['emailTo'] = $hook->formit->config['emailTo'].','.$email;  
}
return true;

[[!AjaxForm? 
  &snippet=`FormIt` 
  &hooks=`emailToUser,email`
  ...

<?php
$email = $hook->getValue('email');
// если он установлен, то
if (!empty($email)) {
  $emailName = $hook->getValue('name');
   // Активируем почтовый сервис MODX
  $modx->getService('mail', 'mail.modPHPMailer');
  $modx->mail->set(modMail::MAIL_FROM, 'no-reply@mysite.com');
  $modx->mail->set(modMail::MAIL_FROM_NAME, 'Имя сайта');
  // Указываем кому отправить письмо
  $modx->mail->address('to', $email, $emailName);
  // Заголовок сообщения
  $modx->mail->set(modMail::MAIL_SUBJECT, 'Форма обратной связи');
  // Получаем чанк, содержащий необходимый текст письма и передаём ему параметры
  $modx->mail->set(modMail::MAIL_BODY, $modx->getChunk('tpl.email',
    array(
      'name' => $hook->getValue('name'),
      'email' => $hook->getValue('email'),
      'message' => $hook->getValue('message')
    )
  ));
  // отправляем письмо
  $modx->mail->setHTML(true);
  if (!$modx->mail->send()) {
    $modx->log(modX::LOG_LEVEL_ERROR,'Произошла ошибка при отправке письма: '.$modx->mail->mailer->ErrorInfo);
  }
  $modx->mail->reset();
}
return true;

[[!AjaxForm? 
  &snippet=`FormIt` 
  &hooks=`email,emailToUser`
  ...

[[!AjaxForm?
	&snippet=`FormIt`
	&form=`formSend.tpl`
	&hooks=`FormItSaveForm,FormItAutoResponder,email`
    ...
	&emailTo=`[[++mail_smtp_user]]`
	&emailFrom=`[[++mail_smtp_user]]`
	&validate=`name:required,email:email:required`
	&validationErrorMessage=`Error!`
&successMessage=`Успешно отправлено!`
    &fiarTpl=`tpl.emailForUser`
    &fiarSubject=`Ваш ответ на сообщение.`
    &fiarToField=`email`
    &fiarFromName=`mysite.ru`
    &fiarFrom=`[[++mail_smtp_user]]`
    &fiarSender=`[[++mail_smtp_user]]`
    &fiarHtml=`true`
    &fiarRequired=`true`
    &fiarReplyTo=`[[+email]]`
	&emailTpl=`eReport.tpl`
]]

&hooks=`emailToUser,email`

&fiarReplyTo=`[[+email]]`

&fiarFromName=`mysite.ru`
&fiarFrom=`[[++mail_smtp_user]]`
&fiarSender=`[[++mail_smtp_user]]`

[[$tpl.AjaxForm? &textSubmit=`Позвоните мне`]]

...
<button type="submit" class="orange-button">[[+textSubmit]]</button>
...

<?php
$modx->setPlaceholder('fi.successMessage', 'Ваше сообщение успешно отправлено. Его номер равен ' . $hook->getValue('savedForm')['id']);
return true;

[[!AjaxForm? 
  ...
  &snippet=`FormIt` 
  &hooks=`FormItSaveForm, email, showSuccessMessage`
  ...
]]

<img src="{$site_url}/[[phpthumbon? &input=`[[*image]]` &options=`&w=120&h=120&far=1&aoe=0&q=100`]]" alt="[[*pagetitle]]"/>

<?php
//$modx->setPlaceholder('image', $hook->getValue['image']);
//$modx->resource->set('tv_name', $tv);
$modx->resource->set('image', $fields);
return true;

<img alt="Коэрцитиметр КИМ-2М" src="https://resize.yandex.net/mailservice?url=https%3A%2F%2Fmysitename.ru%2F%2Fassets%2Fcache_image%2Fnoimage2_120x120_46b.jpg&proxy=yes&key=16e67ce7fdd8cbcd55acfb8d9c48b639">

{var $site_url = ('site_url' | option) | preg_replace : '#/$#' : ''}
{var $assets_url = 'assets_url' | option}

AjaxForm.Message = {
    success: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            //$.jGrowl(message, {theme: 'af-message-success', sticky: sticky});
            alert(message);
        }
    },
    ...

<script type="text/javascript">
$(document).on('af_complete', function(event, response) {
    var form = response.form;
    var fields = {
	// Тут если id формы - правда, то выполняем действие
	...
    response.message=''; // Отмена стандартного алерта jGrowl
});
</script>

[[!pdoResources?
  &loadModels=`formit`
  &class=`FormItForm`
  &tpl=`@INLINE 
      id: [[+id]]
      form: [[+form]]
      <!-- поля формы -->
      name: [[+values.name]]
      email: [[+values.email]]
      phone: [[+values.phone]]`
  &select = `{ "FormItForm": "*"}`
  &sortby=`FormItForm.id`
  &sortdir=`ASC`
  &where=`{
    "FormItForm.id": "1"
  }`
]]

<script>
$(document).on('af_complete', function(event, response) {
  if (response.success) {
    var message = response.message;
    var pos = message.indexOf('.');
    var idForm = message.substr(0, pos);
    response.message = ''; // Отмена стандартного алерта jGrowl
    alert(idForm); // выводим id сохраненной формы в alert
    console.log(idForm); // выводим id сохраненной формы в консоль браузера
  }
});  
</script>

        if ((form.attr('id') == 'fox_form_m101') === true) {
            if (response.success) {
                    var message = response.message;
                    var pos = message.indexOf('.');
                    var idForm = message.substr(0, pos);
                    response.message = ''; // Отмена стандартного алерта jGrowl
                    alert(idForm); // выводим id сохраненной формы в alert
                    $('.wrapp-send2').hide();
                    $("#success-response2").fadeIn(700);
                    $("#error-response2").fadeOut(0);
                    console.log(idForm);
            }

<div id="success-response2" class="alert alert-success" style="display: none;">
	<p>Ваша заявка успешно отправлена. < br />Спасибо, что обратились к нам.</p>
	<p>Мы ответим Вам в ближайшее время. [[+fi.successMessage]]</p>
</div>

$("#success-response2").show(idForm); // выводим id сохраненной формы в alert

[[!AjaxForm?
  ...
  &redirectTo=`5`
  ...

<script>
$(document).on('af_complete', function(event, response) {
  var form = response.form;
  var url = 'адрес_на_который_нужно_перейти';
  if (form.attr('id') == '#form') { // form - id формы
    if (response.success) {
      location.href = url; // переход на другую страницу
    }
  }
});
</script>

<p>Можно использовать ссылку для ответа: <a href="mailto:[[+emailFrom]]?subject=RE:[[+emailSubject]]">[[+emailFrom]]</a></p>

<!-- Для первой формы -->
<input type="submit" name="form1" value="Отправить" />
<!-- Для второй формы -->
<input type="submit" name="form2" value="Отправить" />
<!-- ... -->

[[!FormIt?
    &submitVar=`form1`
    ...
]]

[[!FormIt?
    &submitVar=`form2`
    ...
]]

<div class="col-md-10 col-md-offset-1 form">
<div class="site-form simple-form"><div class="name text-center">Задайте свой вопрос юристу!</div>
        <div class="preview">В течении 15 минут, вы получите объективное заключение по вашей ситуации.</div>
        
[[!AjaxForm?
   &frontend_css=``
   &snippet=`Formit`
   &submitVar=`form2`
   &hooks=`spam,email,emailUser`
   &form=`tpl.forma`
   &emailTpl=`tpl.email_forma`
   &emailTo=`[[*email1?]]`
   &emailFrom=`[[*email2?]]`
   &emailSubject=`Вам задали вопрос [[++site_url]]`
   &emailFromName=`[[+name]]`
   &validate=`name:required:minLength=`3`,
               message:required:stripTags`
   &validationErrorMessage=`Пожалуйста, заполните все поля*`
   &successMessage=`СООБЩЕНИЕ УСПЕШНО ОТПРАВЛЕНО. СПАСИБО!`
]]
</div>
</div>

<form method="post" class="ajax_form af_example">
<input type="hidden" name="title" value="[[*pagetitle]]">
<input type="hidden" name="link" value="[[*uri:tag]]">
<span>[[+fi.successMessage]]</span>
<div class="success-msg"></div>
                        <div class="form-group col-md-6">
                        <label for="" class="hidden">Ваше имя</label>
                        <input type="text" class="form-control" id="" name="name" required placeholder="Ваше имя*" value=""/>
                        </div>
                        <div class="form-group col-md-6">
                        <label for="" class="hidden">Телефон</label>
                        <input type="text" class="form-control" id="" name="phone" required placeholder="Телефон*" value=""/>
                        </div>
                        <div class="form-group col-md-12">
                        <label for="" class="hidden">Вопрос</label>
                        <textarea class="form-control" id="" name="message" placeholder="Вопрос"></textarea>
                        </div>
<div class="s-info">* Поля помеченные звездочкой обязательны для заполнения</div>
<div class="col-md-6 col-md-offset-3">
            <input type="submit" class="btn btn-prinary btn-lg" name="form2" value="Отправить" />
        </div>
        <div style="clear: both"></div>
  </form>

$hook->setValue('var1', 'значение1');

$var1 = $hook->getValue('var1');

RewriteRule ^section/lessons$ /section/lessons/ [R=301,L]

Невозможно запустить функцию mail.

[FormIt] Произошла ошибка при попытке отправить почту. Невозможно запустить функцию mail.

Все уже перепробовали, но пишет «Форма содержит ошибки»

form.find(".selected").css('display', 'none');
form.find(".popup__footer-button").css('background-color', '#2dcf00').text('Отправлено');

<div id="form-response"></div>

\assets\components\ajaxform\js\default.js

AjaxForm.Message.error(response.message);

$('#form-response').html(response.message);

AjaxForm.Message.success(response.message);

$('#form-response').html(response.message);

//...

//AjaxForm.Message.error(response.message);
$('#form-response').removeClass('success').addClass('error');
$('#form-response').html(response.message);

//...

//AjaxForm.Message.success(response.message);
$('#form-response').removeClass('error').addClass('success');
$('#form-response').html(response.message);

//...

#form-response.success {
  color: green;
}
#form-response.error {
  color: red;
}

//AjaxForm.Message.error(response.message);
$('#form-response').removeClass('alert alert-success').addClass('alert alert-warning');
$('#form-response').html(response.message);
//...
//AjaxForm.Message.success(response.message);
$('#form-response').removeClass('alert alert-warning').addClass('alert alert-success');
$('#form-response').html(response.message);

<div  id="form-class" class="alert alert-red alert-dismissible hidden fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<p id="form-response"></p>
</div>

//AjaxForm.Message.error(response.message);
$('#form-class').removeClass('hidden');
$('#form-response').html(response.message);

// AjaxForm.Message.success(response.message);
$('#form-class').removeClass('alert-red').addClass('alert-green');
$('#form-response').html(response.message);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

$modx->sendRedirect($url);

$data = array('key1' => 'value1','key2'=>'value2');
$queryString = http_build_query($data);
$url = 'https://domain.com?'.$queryString;
$modx->sendRedirect($url);

$(document).on('af_complete', function(event, response) {
    var form = response.form;
    if (form.attr('id') == '#form') {
	   window.location.href = "http://нужный адрес"
    }
});

$modx->sendRedirect($url,array('responseCode' => 'HTTP/1.1 301 Moved Permanently'));

XMLHttpRequest cannot load auth.robokassa.ru/Merchant/Index.aspx… Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'https://auth.robokassa.local' that is not equal to the supplied origin. Origin 'https://site.ru' is therefore not allowed access.

if (response.success) {
  document.location.href = response.url;
}

<input type="checkbox" name="fz152" id="fz152">
<input type="submit" id="my-submit" disabled="disabled">

$('#fz152').change(function(){
  if(this.checked) {
    $('#my-submit').prop('disabled',false);
  } else {
    $('#my-submit').prop('disabled',true);
  }
});

$('input[name="fz152"]').change(function(){
  if(this.checked) {
    $(this).closest('form').find('[type="submit"]').prop('disabled',false);
  } else {
    $(this).closest('form').find('[type="submit"]').prop('disabled',true);
  }
});

<div class="inputs kitchen-furniture" id=""kitchen-furniture>
                    <div class="input-item">
                      <input type="radio" name="kitchen-furniture" id="boyard" value="boyard" [[!+fi.kitchen-furniture:FormItIsChecked=`boyard`]]>
                      <label for="boyard">
                        <span class="furniture-info">
                          <span class="furniture-desc">
                            Отечественная без доводчиков
                          </span>
                        </span>
                      </label>
                    </div>
                    <div class="input-item">
                      <input type="radio" name="kitchen-furniture" id="blum" value="Blum" [[!+fi.kitchen-furniture:FormItIsChecked=`Blum`]]>
                      <label for="blum">
                        <img src="assets/themekalisto-design/img/calc/blum.png" width="72" alt="">
                        <span class="furniture-info">
                          <span>Blum</span>
                          <span class="furniture-desc">
                            Австрийская с доводчиками
                          </span>
                        </span>
                      </label>
                    </div>
                  </div>

<script type="text/javascript">
  $(document).ready(function() {
  	 $("input[name=kitchen-furniture").live("change", function() {
  	    var field;
  	    var checkElements=document.getElementsByName("kitchen-furniture");
    		for(var i=0; i<checkElements.length; i++) {
    		  //alert('Мы вошли сюда!');
          checkElement = checkElements[i];
    			if (checkElement.checked==1) {
            field = checkElement.value;
            console.log($("input[name=kitchen-furniture]"));
    			}  
    		}
  		});                               
	});
</script>

$('input[name="kitchen-furniture"').on('change', function() {
  console.log($('input[name="kitchen-furniture"]:checked').val());
});

<input type="hidden" id="kitchen-type" name="kitchen-type" value="Прямая(к примеру)">

<p><strong>Тип кухни: </strong>[[+kitchen-type:default=`Не заполнено`]]</p>

&hooks=`spam,FormItSaveForm,calculatorHook,email`

<?php
$valueKuxniType = $hook->getValue('kitchen-type');
$hook->setValue('kitchen-type', $valueKuxniType);
return true;

<input type="hidden" id="kitchenType" name="kitchen-type" value="">
...

$('a[href="#free-coast"]').click(function(){
  $('#kitchenType').val($('input[name="kitchen-type"]:checked').val());
  ...
});

.af-message-success {
  background-color: green !important;
  color: #fff !important;
}
.af-message-error {
  background-color: brown !important;
  color: #fff !important;
}
.af-message-info {
  background-color: black !important;
  color: #fff !important;
}

<textarea name="message" class="form-control" rows="3" maxlength="50"></textarea>

&validate=`name:required,email:required,message:maxLength=^50^`

&validate=`name:required,email:required,message:minLength=^6^:maxLength=^12^`

$(function(){
  $(document).on('af_complete', function(event, response) {
    var form = response.form;
    // если ответ пришёл успешный
    if (response.success) {
      var successMessage = '<p class="alert alert-success">Сообщение отправлено.</p>';
      $(form).hide();
      $(form).after(successMessage);
    }
  });  
});

<script>
$(function(){
  $(document).on('af_complete', function(event, response) {
    var form = response.form;
    if ($(form).hasClass('ajaxform')) {
      $(form).html('<div class="jq-file" style="display: inline-block; position: relative; overflow: hidden;">'+
        '<div class="jq-file__name">Загрузить файлы</div>'+
        '<div class="jq-file__browse">Обзор...</div>'+
        '<input name="attachment" value="" style="opacity: 0;" type="file">'+
      '</div>');
    }
  });  
});
</script>

<form class="ajaxform" action="[[~[[*id]]]]" method="post" enctype="multipart/form-data">
  ...
</form>

$(".jq-file").removeClass("changed");
$(".jq-file__name").html('Файлы для верстки');

$(function(){
  $(document).on('af_complete', function(event, response) {
    var form = response.form;
    // если ответ пришёл успешный
    if (response.success) {
      if ($(form).hasClass('ajaxform')) {
        $(form).find('.jq-file').removeClass('changed');
        $(form).find('.jq-file__name').text('Загрузить файлы');
      }
    }
  });  
});

<input type="hidden" name="subject" id="subject" value="">

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-subject="Услуга 1">
  Получить консультацию
</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-subject="Услуга 2">
  Получить консультацию
</button>

<script>
$(function(){
  $('button[data-target="#myModal"]').click(function(){
    $('#subject').val($(this).attr('data-subject'));
  });
});

&emailFromName=`Название компании`

<form id="id-1" action="" method="post" class="ajax_form af_example form-horizontal">
  ...
</form>
...
<form id="id-2" action="" method="post" class="ajax_form af_example form-horizontal">
  ...
</form>

...
<script>
// описываете все формы, их id и темы
var forms = [
  {
    id : 'id-1',
    subject: 'Тема 1'
  },
  {
    id : 'id-2',
    subject: 'Тема 2'
  }      
];
// перебираем все формы
$('form').each(function(){
  for (var i=0; i<= forms.length; i++) {
    if (forms[i]['id'] == $(this).attr('id')) {
      // добавляем тему
      $(this).prepend('<input type="hidden" name="subject" value="'+forms[i]['subject']+'">');
      // идентификатор формы
      $(this).prepend('<input type="hidden" name="id" value="'+forms[i]['id']+'">');          
      break;
    }
  }
});
</script>

$idForm = $hook->getValue('id');

    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="/assets/js/jquery-migrate-1.4.1.min.js"></script>

&emailTpl=`tpl.email`

<?php
//получить номер телефона (цифры) из строки
$phone = preg_replace('/\D/', '', $value);
// проверка номера телефона регулярному выражению
if (!preg_match('/^(8|7)(\d{10})$/', $phone)) {
  $validator->addError($key,'Не корректный номер телефона!');
  return false;
}
return false;
?>

[[!AjaxForm?
  ...
  &customValidators=`isPhone`
  &validate=`phone:isPhone`

<div class="form-group">
  <label class="control-label" for="af_phone">Телефон:</label>
  <div class="controls">
    <input type="text" id="af_phone" name="phone" value="[[+fi.phone]]" placeholder="" class="form-control"/>
    <span class="error_phone">[[+fi.error.phone]]</span>
  </div>
</div>

<input type="hidden" name="url" value="">

<script>
$(function(){
    $('[name="url"]').val(window.location);
});
</script>

<p>Адрес страницы: [[+url]]</p>

<!-- Чекбокс (name = sendemailto) -->
<div class="checkbox" form="af_sendemailto">
  <label>
    <input type="checkbox" id="af_sendemailto" name="sendemailto"> Отправить копию письма мне
  </label>
</div>
<!-- Поле для ввода адреса электронной почты (name = emailto) -->
<div class="form-group">
  <label class="control-label" for="af_emailto">[[%af_label_email]]</label>
  <div class="controls">
    <input type="email" id="af_emailto" name="emailto" value="[[+fi.emailto]]" placeholder="" class="form-control"/>
    <span class="error_email">[[+fi.error.emailto]]</span>
  </div>
</div>

<?php
// получаем значение чекбокса
$sendEmailTo = $hook->getValue('sendemailto');
// если он установлен, то
if ($sendEmailTo) {
  // Активируем почтовый сервис MODX
  $modx->getService('mail', 'mail.modPHPMailer');
  $modx->mail->set(modMail::MAIL_FROM, 'no-reply@mysite.com');
  $modx->mail->set(modMail::MAIL_FROM_NAME, 'Имя сайта');
  // Получаем с формы адрес электронной почты
  $emailTo = $hook->getValue('emailto');
  // Указываем кому отправить письмо
  $modx->mail->address('to', $emailTo);
  // Заголовок сообщения
  $modx->mail->set(modMail::MAIL_SUBJECT, 'Форма обратной связи');
  // Получаем чанк, содержащий необходимый текст письма и передаём ему параметры
  $modx->mail->set(modMail::MAIL_BODY, $modx->getChunk('tpl.email2',
    array(
      'name' => $hook->getValue('name'),
      'email' => $hook->getValue('email'),
      'message' => $hook->getValue('message')
    )
  ));
  // отправляем письмо
  $modx->mail->setHTML(true);
  if (!$modx->mail->send()) {
    $modx->log(modX::LOG_LEVEL_ERROR,'Произошла ошибка при отправке письма: '.$modx->mail->mailer->ErrorInfo);
  }
  $modx->mail->reset();
}
return true;

Спасибо, что отправили заявку…
<h3>Сообщение</h3>
<p>От кого: [[+name]]</p>
<p>E-mail: [[+email]]</p>
<p>Телефон: [[+phone]]</p>
<p>Сообщение: [[+message]]</p>

&hooks=`email,emailTo`

$email = $hook->getValue('email');

[[!FormIt?
  &hooks=`myhook,email`
  ...

//...
//noinspection JSUnusedGlobalSymbols
AjaxForm.Message = {
    success: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            $.jGrowl(message, {theme: 'af-message-success', sticky: sticky});
        }
    },
    error: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            $.jGrowl(message, {theme: 'af-message-error', sticky: sticky});
        }
    },
    info: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            $.jGrowl(message, {theme: 'af-message-info', sticky: sticky});
        }
    },
//...

//...
    success: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            $.jGrowl(message, {theme: 'af-message-success', sticky: sticky, life: 10000});
        }
//...

//...
    success: function (message, sticky) {
        if (message) {
            if (!sticky) {
                sticky = false;
            }
            $.jGrowl(message, {theme: 'af-message-success', sticky: true});
        }
//...

<input type="text" id="af_addressTo" name="addressTo" hidden>
<div class="radio">
  <label>
    <input type="radio" name="color[]" value="black" data-address-to="black@mail.ru" checked [[!+fi.color:FormItIsChecked=`blue`]]>
    Чёрный
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="color[]" value="white" data-address-to="white@mail.ru" [[!+fi.color:FormItIsChecked=`blue`]]>
    Белый
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="color[]" value="red" data-address-to="red@mail.ru" [[!+fi.color:FormItIsChecked=`blue`]]>
    Красный
  </label>
</div>

<script>
jQuery(function(){
  $('#af_addressTo').val($('input[name="color[]"]:checked').attr('data-address-to'));
  $('input[name="color[]"]').change(function(){
    $('#af_addressTo').val($('input[name="color[]"]:checked').attr('data-address-to'));
    console.log($('#af_addressTo').val());
  });
});
</script>

[[!AjaxForm? 
  &form=`tpl.AjaxForm` 
  &snippet=`FormIt` 
  &hooks=`FormItSaveForm,email`
  &emailSubject=`Тестовое сообщение`
  &emailTo=`[[+addressTo]]`
  &emailFrom=`no-reply@mysite.com`
  emailFromName=`Мой сайт`
  &emailTpl=`tpl.email`
  &validate=`name:minLength=^2^,email:email:required,message:minLength=^10^`
  &validationErrorMessage=`В форме содержатся ошибки!`
  &successMessage=`Сообщение успешно отправлено`
]]

<p>Цвет: [[+color]]</p>

// переменная, которая будет использоваться для хранения значения селектбокса
var valueFromForm1;
// при отправке формы
$(document).on('submit', '.ajax_form1', function() {
  // сохраняем значение селектбокса
  valueFromForm1 = $('#myselect').val();
});
// при получении ответа от сервера
$(document).on('af_complete', function(event, response) {
  if (response.success==true && valueFromForm1) {
    //... здесь прописывайте ваши действия для второй формы
  }
});
</script>

$(function(){

$('#send_form').on('submit', function(e){
	e.preventDefault();
	тут ваш код - обработчик
});	

});

<form id="formit" action="[[~[[*id]]]]#formit" method="post" class="form">
...

<input type="hidden" name="workemail" value="">

[[!FormIt? &validate=`workemail:blank`]]

<input type="text" id="workemail" name="workemail" value="">

#workemail {
  display:none;
}

[[!FormIt? &hooks=`spam` &spamCheckIp=`true`]]

<a href="tel:+788888888"> ПОЗВОНИТЬ </a>

<a id="tel" href="#"> ПОЗВОНИТЬ </a>

$('#tel').click(function(){
  $(this).attr('href',window.atob('dGVsOis3ODg4ODg4ODg='));
});

[[!QuickEmail?
	&debug=`1`
	&to=`твойEmail`
]]

&emailTo=`mail1@email.com,mail2@email.com,mail3@email.com`

&emailCC=`email4@domain.com,email5@domain.com`

&emailBCC=`email6@domain.com,email7@domain.com`

window.location = "http://mysite.ru/";

AjaxForm.Message.success(response.message);

&validate=`name:minLength=^2^,email:email:required`

&hooks=`customHook,FormItSaveForm,email`

<input type="hidden" name="remote_addr" id="remote_addr" value="[[+fi.remote_addr]]">

<?php
$hook->setValue('remote_addr', $_SERVER['REMOTE_ADDR']);
return true;

<p>IP адрес: [[+remote_addr]]</p>

enctype="multipart/form-data"

[[!AjaxForm? 
  &emailTpl=`tpl.email`

<form action="" method="post" class="ajax_form af_example form-horizontal">\

form action="/[[~[[*id]]]]"