Вы здесь

Inline form error на Ajax форме

0

навесил аякс на форму логина по статье https://niklan.net/blog/127#comment-2732
возникла проблема с работой этой формы и inline form error.

Как я понимаю нужно для каждого поля добавить контейнер в котором будет выводиться ошибка и при сабмите аяксом пихать туда сообщение.

Может кто подсказать как такое реализовать? с аяксом совсем не дружу :(

Версия Drupal: 
8.x
Категория: 
AJAXForm API
Вопрос задан 03.08.2019 - 09:34
Аватар пользователя Denis
Denis
75

Как я понимаю нужно для каждого поля добавить контейнер в котором будет выводиться ошибка и при сабмите аяксом пихать туда сообщение.

Не нужно, вы можете передавать в Ajax уникальный идентификатор формы и перерисовывать её целиком.
Также можно её обернуть в контейнер, например так:

$form['#prefix'] = '<div id="formwrapper">';
$form['#suffix'] = '</div>';

и использовать его вместо $form[#id ].
Здесь есть хороший пример: http://xandeadx.ru/blog/drupal/822
И вот ещё пример с валидацией (атрибут '#required' => FALSE, для того чтобы вывести своё сообщение, если это поле не заполнено):

<?php

namespace Drupal\my_module\Form;

use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Component\Utility\Html;

/**
 * The demo of a form submit via Ajax with the validation support.
 *
 * 'Inline Form Errors' module is enabled.
 */
class MyForm extends FormBase {

  /**
   * Returns a unique string identifying the form.
   *
   * @return string
   *   The unique string identifying the form.
   */
  public function getFormId() {
    return 'my_form';
  }

  /**
   * {@inheritdoc}
   */
  public function buildForm(array $form, FormStateInterface $form_state) {

    $form['my_field'] = [
      '#type' => 'textfield',
      '#title' => 'My field',
      '#required' => FALSE,
    ];

    $form['submit'] = [
      '#type' => 'submit',
      '#value' => 'Submit',
      '#ajax' => [
        'callback' => '::ajaxSubmit',
        'wrapper' => Html::getId($this->getFormId()),
      ],
    ];

    $form['#id'] = Html::getId($this->getFormId());

    return $form;
  }

  /**
   * {@inheritdoc}
   */
  public function ajaxSubmit(array &$form, FormStateInterface $form_state) {

    if ($form_state->hasAnyErrors()) {
      return $form;
    }

    $output = ['#markup' => $this->t('The form was submitted successfully!')];

    return $output;
  }

  /**
   * {@inheritdoc}
   */
  public function validateForm(array &$form, FormStateInterface $form_state) {
    parent::validateForm($form, $form_state);

    if (empty($form_state->getValue('my_field'))) {
      $form_state->setErrorByName('my_field', $this->t('Please fill out this field.'));
    }
  }

  /**
   * {@inheritdoc}
   */
  public function submitForm(array &$form, FormStateInterface $form_state) {
  }

}

Комментарий оставлен 12.08.2019 - 14:38

Ответы