How to fix this error in drupal: ajax: ajax.form.ajaxSubmit is not a function

Question

I am creating a form with ajax submission in my Drupal custom form module.

When I click my submit button, I get the following error:

ajax: ajax.form.ajaxSubmit is not a function.

I am searching some blogs, try something like uninstalling lightbox2 module, color box module, etc. But again the same error is displayed.

How can fix this error?

Note: I installed Lightbox first, but after this error I uninstalled it again.

Answer 1

In Drupal 8:

   function YOURMODULENAME_page_attachments(array &$attachments) {
      global $base_url;
      $attachments['#attached']['library'][] = 'core/jquery.form';
      $attachments['#attached']['library'][] = 'core/drupal.ajax';
      $attachments['#attached']['library'][] = 'MODUL/login_module';
      $attachments['#attached']['drupalSettings']['LoginModuleBehavior']['base_url'] = $base_url;
    }

Answer 2

You'll need to include the Drupal ajax drupal_add_library('system', 'drupal.ajax');

Answer 3

For future readers, you may need to include these libraries:

drupal_add_library('system', 'jquery.form');
drupal_add_library('system', 'drupal.ajax');

For example:

function MY_MODULE_my_form_id($form, &$form_state) {

  $form['#attached']['library'][] = array('system', 'jquery.form');
  $form['#attached']['library'][] = array('system', 'drupal.ajax');

}

Answer 4

Drupal 8

Drupal 8 does not include JS-libraries to pages automaticly. So most probably if you meet this error you need to attach 'drupal.ajax' library to your page (or form). Add something like this to your render array:

$form['#attached']['library'][] = 'drupal.ajax';

Answer 5

Drupal 8

For people coming from Google and looking for a D8 solutions, try:

$form['#attached']['library'][] = 'core/drupal.ajax';

Answer 6

I disabled JavaScript aggregation in the performace config and it fixed my issues with this error in Drupal 8.