-
-
Save doobeh/4668212 to your computer and use it in GitHub Desktop.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Title</title> | |
| </head> | |
| <body> | |
| <form method="post"> | |
| {{ form.hidden_tag() }} | |
| {{ form.example }} | |
| <button type="submit">Submit</button> | |
| </form> | |
| </body> | |
| </html> |
| from flask import Flask, render_template | |
| from flask_wtf import FlaskForm | |
| from wtforms import widgets, SelectMultipleField | |
| SECRET_KEY = 'development' | |
| app = Flask(__name__) | |
| app.config.from_object(__name__) | |
| class MultiCheckboxField(SelectMultipleField): | |
| widget = widgets.ListWidget(prefix_label=False) | |
| option_widget = widgets.CheckboxInput() | |
| class SimpleForm(FlaskForm): | |
| string_of_files = ['one\r\ntwo\r\nthree\r\n'] | |
| list_of_files = string_of_files[0].split() | |
| # create a list of value/description tuples | |
| files = [(x, x) for x in list_of_files] | |
| example = MultiCheckboxField('Label', choices=files) | |
| @app.route('/',methods=['post','get']) | |
| def hello_world(): | |
| form = SimpleForm() | |
| if form.validate_on_submit(): | |
| print(form.example.data) | |
| return render_template("success.html", data=form.example.data) | |
| else: | |
| print("Validation Failed") | |
| print(form.errors) | |
| return render_template('example.html',form=form) | |
| if __name__ == '__main__': | |
| app.run(debug=True) |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Title</title> | |
| </head> | |
| <body> | |
| <h1>Success</h1> | |
| {{ data }} | |
| </body> | |
| </html> |
thanks , your helped me
can anyone post link to what this looks like?
How to set the first field in the select box to be disabled and something like 'Choose your option' ?
Thanks for the example.
It's my code:
choices = [(1, 'one'),
(2, 'two'),
(3, 'tree')]
resident = MultiCheckboxField('Label',
choices=choices, coerce=int)
In my form this checkboxes displayed as intended. But on page with form results, I can render only key of choice(number). How to render a text value of choice?
In Jinja template:
{% if form.resident %}
{{ form.resident.data }}
{% endif %}
Would have been great to see how your example.html is made.
Very helpful, thank you!
You don't know how valuable it is for me.
Thanks
Yeah I would like to see how it is rendered in the html template. For me the border only surrounds the first option which makes it look very messy. a shame because the rest works beautifully
Thank you
Any idea on how the example.html should be structured ? I'm not able to figure it out.
what does your Models.py look like?
Thanks a lot!
example.html
<html>
<body>
<form method="post">
{{ form.csrf_token }}
{{ form.example }}
<input type="submit">
</form>
</body>
</html>
The form.validate_on_submit() does not work in this case. It considers the values as invalid. Hence use form.is_submitted() to make it work.
if form.is_submitted():
print form.example.data
else:
print form.errors
return render_template('example.html',form=form)
@shyenatech-- the code seems (admittedly outdated) but fine, are you sure you're including the csrf token {{ form.hidden_tag() }} to handle the security component? I've updated it for the new version of Flask-WTF here: https://gist.github.com/doobeh/4668212 to give you an idea of how you don't have to skip the important validation step. Good luck!
How to query data from db instead of choices=files
Hi! How I mark as checked a checkbox? Is for an edit form. Where I need to mark was already marked before on the create
Thanks for this code example.
I was struggling with validating the form though. I needed at least one checkbox to be checked. Above comments mentioning form.validate_on_submit() or form.is_submitted() unfortunately didn't help.
After some googling I stumbled on this stackoverflow answer that finally helped.
My final custom validator code:
def validate(self, extra_validators=None):
if super().validate(extra_validators):
if not request.form.getlist('example'):
self.example.errors.append('At least one checkbox must be selected')
return False
else:
return True
return False
Nice.