Drupal → Многошаговая форма на AJAX (ajax multistep form)

28.07.2016

Чтобы сделать навигацию по многошаговой форме на AJAX нужно:

1. Добавить форме div враппер с уникальным id:

$form['#prefix'] = '<div id="multistep-ajax-form-wrapper">';
$form['#suffix'] = '</div>';

2. Кнопкам Prev и Next добавить опцию #ajax:

'#ajax' => array(
  'callback' => 'modulename_test_form_ajax_nav',
  'wrapper' => 'multistep-ajax-form-wrapper',
),

3. Написать ajax callback, который будет просто обновлять форму:

/**
 * Ajax nav callback.
 */
function modulename_test_form_ajax_nav($form, &$form_state) {
  return $form;
}

Полный листинг кода можно посмотреть в демо модуле.

Написанное актуально для
Drupal 7
Похожие записи

Комментарии

Гость
08.09.2016, 12:55

Как быть с required полями?
При сабмите части формы - они мешают.
При многошаговых формах - они не дают нажать "назад".
Если убрать - дружественная красная звёздочка пропадает.
Есть какое-нить друпал-вей решение? А то уже столько намучился с костылями.

Никаких проблем с required полями при использовании ajax нет, так же как и без ajax

Гость
08.09.2016, 14:06

Допустим в форме два филдсета.
В первом есть поле "промо-код" и кнопка "применить" (с аяксом).
Во втором "фио" и "телефон" (обязательные поля).
Итоговая кнопка "отправить".

Если в поле промо-кода вписать значение и нажать "применить". То появится сообщение "фио и телефон обязательны к заполнению".

Гость
09.09.2016, 01:42

#limit_validation_errors не работает с полями, у которых стоит #required => TRUE

Гость
14.09.2017, 06:07

#limit_validation_errors корректно работает только если для кнопки прописан персональный #submit колбек.
Жаль вы не подсказали это год назад. Решил написать если у кого-то тоже возникнут сложности.

If we use #limit_validation_error, Drupal doesn`t save field which was not validated. For example: when using field title with limit_validation_error submit don`t save the title and we get the error.

Добавить комментарий