Clear valid form after it is submitted

Question

I want to reset the form after it validates. Currently the form will still show the previous data after it is submitted and valid. Basically, I want the form to go back to the original state with all fields clean. What is the correct to do this?

@mod.route('/', methods=['GET', 'POST'])
def home():
    form = NewRegistration()

    if form.validate_on_submit():
        #save in db

        flash(gettext(u'Thanks for the registration.'))

    return render_template("users/registration.html", form=form)

davidism · Accepted Answer · 2015-08-11T16:15:04.577

The issue is that you're always rendering the form with whatever data was passed in, even if that data validated and was handled. In addition, the browser stores the state of the last request, so if you refresh the page at this point the browser will re-submit the form.

After handling a successful form request, redirect to the page to get a fresh state.

@app.route('/register', methods=['GET', 'POST'])
def register():
    form = RegistrationForm()

    if form.validate_on_submit():
        # do stuff with valid form
        # then redirect to "end" the form
        return redirect(url_for('register'))

    # initial get or form didn't validate
    return render_template('register.html', form=form)

score 8 · Answer 2 · answered Oct 30 '19 at 13:09

davidism answer is correct.

But once I had to reload a form with only a few fields that had to be resetted. So, I did this, maybe it's not the cleanest way but it worked for me:

form = MyForm()

    if form.validate_on_submit():
        # save all my data...
        myvar1 = form.field1.data
        myvar2 = form.field2.data
        # etc...

    # at first GET and at every reload, this is  what gets executed:
    form.field1.data = "" # this is the field that must be empty at reload
    form.field2.data = someobject # this is a field that must be filled with some value that I know

    return render_template('mypage.html', form=form)

Hello, if i am using html forms, how do i pass on the previous value after form submission fail (say because of recaptcha not valid) — Hussein Hammoud, Nov 26 '21 at 12:09

score 2 · Answer 3 · answered Oct 18 '22 at 20:16

You can clear a form by passing formdata=None

@mod.route('/', methods=['GET', 'POST'])
def home():
    form = NewRegistration()

    if form.validate_on_submit():
        #save in db

        ######### Recreate form with no data #######
        form = NewRegistration(formdata=None)

        flash(gettext(u'Thanks for the registration.'))

    return render_template("users/registration.html", form=form)

score 0 · Answer 4 · answered Oct 25 '22 at 08:30

you can also return new form object using render_template if form does not validates you can also pass message

@mod.route('/', methods=['GET', 'POST'])
def home():
form = NewRegistration()

if form.validate_on_submit():
    #save in db

    return render_template("user/registration.html", form = NewRegistration())

return render_template("users/registration.html", form=form)

Clear valid form after it is submitted

4 Answers4

Linked

Related