xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Отправить контактную форму с помощью AJAX

Опубликовано в

AJAXификация всех контактных форм с поддержкой валидации:

/**
 * Implements hook_form_BASE_FORM_ID_alter(): contact_message_form.
 */
function modulename_form_contact_message_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  $form_ajax_wrapper_id = Html::getId($form['#form_id']) . '-ajax-wrapper';
  $form['#prefix'] = '<div id="' . $form_ajax_wrapper_id . '">';
  $form['#suffix'] = '</div>';
 
  $form['actions']['submit']['#ajax'] = [
    'wrapper' => $form_ajax_wrapper_id,
    'callback' => 'modulename_form_contact_message_form_ajax',
    'event' => 'click',
  ];
}
 
/**
 * Contact form ajax submit callback.
 */
function modulename_form_contact_message_form_ajax(&$form, FormStateInterface $form_state) {
  if ($form_state->getErrors()) {
    return $form;
  }
  else {
    /** @var ContactFormInterface $contact_form */
    $contact_form = $form_state->getFormObject()->getEntity()->getContactForm();
    return ['#markup' => $contact_form->getMessage()];
  }
}

Есть немного другой вариант, более гибкий:

/**
 * Implements hook_form_BASE_FORM_ID_alter(): contact_message_form.
 */
function modulename_form_contact_message_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  $form['actions']['submit']['#ajax'] = [
    'wrapper' => $form['#id'],
    'callback' => 'modulename_form_contact_message_form_ajax',
    'event' => 'click',
  ];
}
 
/**
 * Contact form ajax submit callback.
 */
function modulename_form_contact_message_form_ajax(&$form, FormStateInterface $form_state) {
  $ajax_response = new AjaxResponse();
 
  if ($form_state->getErrors()) {
    $ajax_response->addCommand(new ReplaceCommand(NULL, $form));
    $ajax_response->addCommand(new PrependCommand('#' . $form['#id'], ['#type' => 'status_messages']));
  }
  else {
    /** @var ContactFormInterface $contact_form */
    $contact_form = $form_state->getFormObject()->getEntity()->getContactForm();
    $ajax_response->addCommand(new ReplaceCommand(NULL, $contact_form->getMessage()));
  }
 
  return $ajax_response;
}
Написанное актуально для Drupal 8
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании