user455318
user455318

Reputation: 3346

Clear valid form after it is submitted

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)

Upvotes: 31

Views: 35240

Answers (4)

Rohit Kumar
Rohit Kumar

Reputation: 1

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)

Upvotes: 0

Brian C.
Brian C.

Reputation: 7986

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)

Upvotes: 5

axeda
axeda

Reputation: 81

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)

Upvotes: 8

davidism
davidism

Reputation: 127310

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)

Upvotes: 49

Related Questions