Question

django forms seem to be oriented for rerdirecting the user to a different page once the form has been submitted.
However I would to have a dynamically updating page where the form is inside a <div></div> while the output generated using the form information is in a second <div></div> on the same page. Once the form is submitted only the latter div should update. Something similar to the AJAX approach.

Is this possible using django forms? How?

Answer 1

You need JavaScript. For example, with jQuery:

$('form').submit(function() {
    $.post($(this).attr('action'), $(this).serialize(), function(data, textStatus, jqXHR){
        $('.other_div').html(data);
    })
})

Note: that won’t work if your form contains file fields. In that case, rely on this plugin: http://jquery.malsup.com/form/ (function ajaxSubmit)