How to Reset form field after submit in HTMX

Question

I'm tried to reset form field after submit the data in HTMX. Please guide me how to do.

Answer 1

You can do with with htmx beforeswap https://htmx.org/docs/#modifying_swapping_behavior_with_events

To make the example below work django view must return HttpResponse(status=204)

htmx.on("htmx:beforeSwap", (e) => {
        if (!e.detail.xhr.response) {
            var title = $('#id_title');
            if (title) {
                title.val('');
            }
        }
    })

Tutorial how to work with django forms and htmx https://blog.benoitblanchon.fr/django-htmx-modal-form/