How to reset form body in bootstrap modal box?

forms twitter-bootstrap refresh
Abdul Moeed picture Abdul Moeed · Apr 5, 2013 · Viewed 103.9k times · Source

I am looking for a way to clear all elements found within an HTML form contained inside a Bootstrap modal without refreshing the page.

Currently:

The user enters data and closes the modal.

When the user re-opens the modal, the previously entered data still remains.

How can I completely clear all elements within the form during the close event of the modal dialog so that when the user re-opens it, they always get fresh clean inputs & etc?

Answer

bart picture bart · Jan 4, 2014

In Bootstrap 3 you can reset your form after your modal window has been closed as follows:

$('.modal').on('hidden.bs.modal', function(){
    $(this).find('form')[0].reset();
});

Related questions

Twitter Bootstrap Form File Element Upload Button

Why isn't there a fancy file element upload button for twitter bootstrap? It would be sweet if the blue primary button was implemented for the upload button. Is it even possible to finesse the upload button using CSS? (seems like …

Read More
Form inline inside a form horizontal in twitter bootstrap?

What's the best way to design a form that looks like this (please see link below) in twitter bootstrap without any homemade classes ? Is it possible to set a inner form-inline inside a form-horizontal like the below example:

Read More
Use Fieldset Legend with bootstrap

I'm using Bootstrap for my JSP page. I want to use <fieldset> and <legend> for my form. This is my code. <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> &…

Read More