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

Drupal → Многошаговая форма на AJAX

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

Чтобы сделать навигацию по многошаговой форме на 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
Похожие записи

Комментарии RSS

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

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

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

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

Гуглите о #limit_validation_errors

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

работает

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

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

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