The send function does not work in a custom form

Question

I have a module that creates a form in a block with a template. But when I press the submit button, it does not execute the submitForm function. Instead if in the template only {{form}} if you do.

To clarify, in the template the fields are customized and I call them: {{form.date}}, {{form.submit}}

/**
 * {@inheritdoc}
 */
public function getFormId() {
    return 'custom_form';
}

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

    $form['name'] = [
        '#type' => 'textfield',
        '#size' => 60,
        '#placeholder' => 'Votre nom',
        '#maxlength' => 128,
        '#required' => TRUE,
    ];



    $form['tel'] = [
        '#type' => 'number',
        '#default_value' => "",
        '#placeholder' => 'Votre numéro',
        '#size' => 20,
        '#maxlength' => 20,
    ];




    $form['submit'] = array(
        '#type' => 'submit',
        '#value' => $this->t('Réserver'),
        '#button_type' => 'primary',
    );



    return $form;
}


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

foreach ($form_state->getValues() as $key => $value) {
  drupal_set_message($key . ': ' . $value);
}
 }

Answer 1

You have to write the submit handler for the form to save data.

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

    // Insert queries.

    $query = \Drupal::database()->insert('mymodule_table');
    $query->fields([
      'name' => $form_state->getValue('name'),
      'tel' => $form_state->getValue('tel'),
    ]);
    $query->execute();

  }

Answer 2

I believe you do have to render with {{ form }} because it will render more than just your two form items. This is why the submit is not executing. If that is all you have in your twig, then it would sound like you are missing a form tag and hidden form elements.

Answer 3

If you don't render with {{ form }}, you have to make sure to add these elements to your twig:

{{ element.form_build_id }} {# required #}
{{ element.form_id }} {# required #}

as well as adding the html manually and adding the appropriate attributes. This gives you more flexility in your template. But there are many advantages to just using {{ form }}, such as managing the elements entirely in your form class, rather than having to update two places. But sometimes if your layout is really odd, it may make more sense to break the form elements up in the template.