Formulaire AJAX validez et envoyez

Cette question et la réponse a aidé à me guider vers la bonne solution, mais ce n'est pas exactement clair comme du cristal. Nous allons faire en sorte.

Choses à très connaître:

1. Messages d'erreur de Validation sera placé à l'intérieur de tout ce qui est spécifié que le #ajax['wrapper']
2. Prêtez attention à l'endroit où le Drupal Formes de documentation de l'API de l'ajax wrapper dit que "l'ensemble de l'élément avec l'ID est remplacé, non pas seulement le contenu de l'élément."
3. Parce que cet élément est remplacé, vous feriez mieux de les fournir à nouveau. Que est pourquoi Marius La réponse du fonctionne - pas à cause de la matrice et #markupmais plutôt parce qu'il est, y compris la div avec le wrapper set id.

Voici le code qui a été travaillé pour moi en fonction de ce Marius mettre dans le commentaire ci-dessus:

function dr_search_test_form($form, &$fstate) {
  $form["wrapper"] = array("#markup" => "<div id='test-ajax'></div>");

  $form["name"] = array(
    "#type" => "textfield",
    "#required" => true,
    "#title" => "Name"
  );

  $form["submit"] = array(
    "#type" => "submit",
    "#value" => t("Send"),
    "#ajax" => array(
      "callback" => "dr_search_test_form_callback",
      "wrapper" => "test-ajax",
      "effect" => "fade",
    ),
  );
  return $form;
}

function dr_search_test_form_callback($form, &$fstate) {
  return "<div id='test-ajax'>Wrapper Div</div>";
}

function dr_search_test_form_validate($form, &$fstate) {
  form_set_error("name", "Some error to display.");
}

J'ai trouvé une excellente solution à ce problème.

De crédit va à présent le blog de guy:

http://saw.tl/validate-form-ajax-submit-callback

La solution qu'il propose est la suivante:

//when creating or altering the form..
{
  $form['#prefix'] = '<div id="formwrapper">';
  $form['#suffix'] = '</div>';
  //the submit button
  $form['save']['#ajax'] = array(
    'callback' => 'mymodule_form_ajax_submit',
    'wrapper' => 'formwrapper',
    'method' => 'replace',
    'effect' => 'fade',
  );
 //...
}

function mymodule_from_ajax_submit($form, &$form_state) {
  //validate the form
  drupal_validate_form('mymodule_form_id', $form, $form_state);
  //if there are errors, return the form to display the error messages
  if (form_get_errors()) {
    $form_state['rebuild'] = TRUE;
    return $form;
  }
  //process the form
  mymodule_form_id_submit($form, $form_state);
  $output = array(
    '#markup' => 'Form submitted.'
  );
  //return the confirmation message
  return $output;
}

J'ai cherché de nombreuses heures pour une façon de le faire correctement. Malheureusement, la plupart de ces solutions s'appuient toujours sur Drupal du côté serveur de validation afin de déterminer si l'ajax résultats ou le côté client messages d'erreur doivent être placés dans le conteneur. En s'appuyant sur le serveur de résultat est plus lent que la validation côté client, ce qui devrait être quasi-instantanée. Aussi, le remplacement de la forme...avec une forme...avec les messages d'erreur est un peu trop bordélique pour ma préférence.

Utiliser jquery validation de méthodes pour déclencher une requête ajax de l'événement avec un javascript de déclenchement:

//Prevent form submission when there are client-side errors, trigger ajax event when it is valid
(function ($) {
    Drupal.behaviors.submitForm = { 
        attach: function (context) {
            var $form = $("form#validated_form", context);
            var $submitButton = $('input[type="submit"]', $form);

            $form
                .once('submitForm')
                .off('submit')
                .on('submit', function(e){

                    //Prevent normal form submission
                    e.preventDefault();
                    var $form = $(this);

                    //The trigger value should match what you have in your $form['submit'] array's ajax array
                    //if the form is valid, trigger the ajax event
                    if($form.valid()) {
                        $submitButton.trigger('submit_form');
                    }
            });

        }
    };
})(jQuery);

Référence javascript déclencheur de votre ajax événement qui est écouté par:

$form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Submit'),
    '#ajax' => array(
      'event' => 'submit_form',
      'callback' => 'callback_function_for_when_form_is_valid',
      'wrapper' => 'validated_form'
    )
);

Maintenant, la validation est déclenchée dès que le bouton "soumettre" est cliqué, et le côté serveur de validation n'arrive qu'une fois qu'il est valide!