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

Drupal → AJAX submit с поддержкой валидации

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

Пример ajax формы с поддержкой валидации:

Drupal 8

class ExampleForm extends FormBase {
 
  /**
   * {@inheritDoc}
   */
  public function buildForm(array $form, FormStateInterface $form_state) {
    $form['testfield'] = [
      '#type' => 'textfield',
      '#title' => 'Testfield',
      '#required' => TRUE,
    ];
 
    $form['submit'] = [
      '#type' => 'submit',
      '#value' => 'Submit',
      '#ajax' => [
        'callback' => '::ajaxSubmit',
        'wrapper' => Html::getId($this->getFormId()),
      ],
    ];
 
    $form['submit']['#ajax']['callback'] = '::ajaxSubmit';
 
    $form['#id'] = Html::getId($this->getFormId());
 
    return $form;
  }
 
  /**
   * Ajax submit.
   */
  public function ajaxSubmit(array &$form, FormStateInterface $form_state) {
    if ($form_state->hasAnyErrors()) {
      return $form;
    }
 
    return ['#markup' => 'Form submitted'];
  }
 
}

Drupal 7

/**
 * Form builder.
 */
function modulename_testform($form, &$form_state) {
  $form['testfield'] = array(
    '#type' => 'textfield',
    '#title' => 'Testfield',
    '#required' => TRUE,
  );
 
  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => 'Submit',
    '#ajax' => array(
      'callback' => 'modulename_testform_ajax_submit',
      'wrapper' => 'modulename-testform',
    ),
  );
 
  return $form;
}
 
/**
 * Ajax submit.
 */
function modulename_testform_ajax_submit($form, &$form_state) {
  if (form_get_errors()) {
    return $form;
  }
  else {
    return 'Form submitted';
  }
}

При провале валидации форма обновится и выведутся сообщения об ошибках, иначе вместо формы появится текст "Form submitted".

Написанное актуально для Drupal 7, 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].

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