Reset form values after successful ajax submission

There are no form values after a successful submission in a normal situation, so I'm a little baffled about what you mean.

But a standard technique, used by the core search module, for example, for form submission just to redirect to a GET url and then build the page using the arguments while building the page.

What does this have to do with AJAX though?

Oh, you *can* use

$form_state['rebuild'] = TRUE;

in your submit handler, and the form will be still alive. It's a little sketchy for normal form submission, but it will work. You can also set a marker like $form_state['i_submitted_this'] = TRUE in the submit handler.

I guess the question is "what does populated mean?"

If you're talking about the defaults provided on a form, there are two things.

1. Your browser very much likes to populate these.
2. $form_state['input'] is often used to populate on multistep forms, and $form_state['input'] = array() is sometimes used to clear it.

If I understand you well, you want to reset a field after an AJAX call.
You could try to use ajax_command_invoke in your ajax_callback function. Try to add something like this:

$commands[] = ajax_command_invoke($selector, 'val', array(''));

$selector is then the jQuery selector of the fields you want to reset.

I've run into a similar issue and indeed just decided after a) a while attempting things and b) seeing this thread to go with setting

  $form['name']['#value'] = '';

within the ajax callback. A possible way to mitigate having to input field names manually could be a foreach loop with some kind of code similar to the beneath:

  if (!empty($form_state['executed'])) {
    foreach ($form as $element) {
      if (is_array($element)) {
        if (isset($element['#value'])) {
          $form[$element]['#value'] = '';
        }
      }
    }
  }
  return $form;

This is just an idea off the top of my head and as yet I've not tried it out as I only needed to clear one field but it strikes me as a method that could work.

Just setting the rebuild variable to FALSE does not return an empty form. Is it expected behavior for Drupal to automatically re-populate through AJAX submitted forms?

Helped by the earlier posts, my solution is:

function mymodule_form_submit($form, &$form_state) {
  $form_state['input'] = array();
  $form_state['rebuild'] = TRUE;
}

Emptying the input array and setting rebuild to TRUE does return an empty form. I also tested it on default field values, these are inserted correctly as well. The submit hook is only called on submission after all validating is done, so an extra check for the value of $form_state['executed'] seems redundant.

Well, I'm ajaxifying an entity form as well, but do not understand fully how you made it work.

I tried to have a new submit with code above (#11), and with $commands[] = ajax_command_replace(NULL, drupal_render($form)); (or with form ID instead of NULL), and my form is still full of values.

Did I misunderstood your explanations ?

Of course, it works well when emptying the form manually (ex. : $form['title']['#value'] = ''), but with entities, there may be lots of fieds, and of course not always '#value' properties...

Solution #11 woks for simple forms.

If you want to clear node form after succefull AJAX request - try to use this solution http://drupal.stackexchange.com/a/36932/7313

Thanks. I succeeded to do it, and you can see the result for those who are interested you can see the result here : http://drupal.org/sandbox/eme/1594950 (module that ajaxify form entities).

In my case If I submit a form using jQuery then the form values are kept maintained

example, I'm using the following snippet to submit the form,

$('.my-form').submit();

and I have one textarea, and the value of that textarea is kept maintained, however it should be cleared.

#11 solved the problem.

One more thing my form is a ajax form, if I submit the form using jQuery then the page is getting reloaded. I think the form is not submitted using ajax.

Post #11 fixed for me. Thank you.

Post #4 did the trick for me.

This is my callback function -

function connection_filter_reset($form, &$form_state) {
  $commands[] = ajax_command_replace(NULL, drupal_render($form['ajax_wrapper']));
  $commands[] = ajax_command_invoke('#send-contract-card-form', 'reset_all_filters');
  return array('#type' => 'ajax', '#commands' => $commands);
}

In JS -

// Custom function that will be called in ajax callback for reset form button
$.fn.reset_all_filters = function() {
    // 1. Unselect all select filter options
    // 2. Remove class from plugin btn that is used to change color of label when filter option selected
    // 3. Refresh the select filter plugin
    $(".connection-select-filter-wrapper select option:selected").removeAttr("selected");
    $('.btn.selected-filter').removeClass('selected-filter');
    if (ie_v8) {
        $('label.selected-filter').removeClass('selected-filter');
    } else {
        $('.connection-select-filter-wrapper select').multiselect('refresh');
    }

    // Clear the search input
    $('.form-item-search-connections input').val('');
}

Community rocks! \m/ :)

I solved this problem next way. Check $form_state['executed'] && clear $form['field_name']['#value']

function my_ajax_callback($form, &$form_state) {
	if (!empty($form_state['executed'])) {
		$form['result'] = array(
			'#markup' => 'Done!'</b>',
		);
		$form['name']['#value'] = '';
		$form['email']['#value'] = '';
		return $form;
	} else {
		$form['result'] = array(
			'#markup' => 'Error!'</b>',
		);
	}
	return $form;
}

I rebuild the form from the cached form, without the input values set.

function my_ajax_callback($form, &$form_state) {

  if (!form_get_errors()) {

    $form_id = $form['#form_id'];

    // Get the unpopulated form.
    $form = form_get_cache($form_state['input']['form_build_id'], $form_state);

    // Rebuild it, without values
    $form_state['input'] = array();
    $form = form_builder($form_id, $form, $form_state);

  }
  return $form;

}

Solution #11 woks for simple forms.

In submit handler you need to set
$form_state['input'] = array();

It works! :D

For Drupal 8.

You can't remove all data in $form_state['input'](nor treat it like array). You have to leave id's of form and form build.
You do this like this:

        $userInput = $form_state->getUserInput();
        $keys = $form_state->getCleanValueKeys();
        $newInputArray = [];
        foreach ($keys as $key) {
            if ($key == "op")  continue;
            $newInputArray[$key] = $userInput[$key];
        }

        $form_state->setUserInput($newInputArray);
        $form_state->setRebuild(true);

$commands[] = ajax_command_invoke('#edit-comments', 'val', array(''));

return array('#type' => 'ajax', '#commands' => $commands);

worked for me ,#edit-comments is the HTML id of the field i wanted to replace