wtforms

I accustomed of using WTForms by means of Flask-WTF in my flask application. Doing server side validation is trivial. But how do I leverage this server validation to become a field level, ajax, client side validation? So, when user tab to another input fields, my application can directly goes on validating it and give validation warning/info/error. I haven't found a resource in the internet yet A possible solution is as follows: On the client side you attach a handler to the blur event in all the controls in the form. Each time the blur event occurs you run a Javascript function that collects

I have a Flask app in which I can populate form data by uploading a CSV file which is then read. I want to populate a FieldList with the data read from the CSV. However, when I try to populate the data, it enters raw HTML into the TextFields instead of just the value that I want. What am I doing wrong? app.py from flask import Flask, render_template, request, url_for from flask.ext.wtf import Form from wtforms import StringField, FieldList, FormField, SelectField from wtforms.validators import DataRequired from werkzeug.datastructures import MultiDict app = Flask(__name__) app.config['SECRET

I'm trying to create a SelectField using a mongodb query, but so far I haven't been successful: # forms.py in blueprint CATEGORIES = [] for item in db.Terms.find(): CATEGORIES.append((item['slug'], item['name'])) class TermForm(Form): category = SelectField( choices=CATEGORIES, validators=[Optional()]) But I get an exception: Traceback (most recent call last): File "/home/one/Projects/proj/manage.py", line 14, in <module> app = create_app(os.getenv('FLASK_CONFIG') or 'default') File "/home/one/Projects/proj/app/__init__.py", line 27, in create_app from app.term.models import Term, TermCategory

I have a dynamic web-page that should process two forms: a login form and a register form . I am using WTForms to process the two forms but I am having some trouble making it work, since both forms are being rendered to the same page. The following is the code for the login form of my webpage: PYTHON: class Login(Form): login_user = TextField('Username', [validators.Required()]) login_pass = PasswordField('Password', [validators.Required()]) @application.route('/index', methods=('GET', 'POST')) def index(): l_form = Login(request.form, prefix="login-form") if request.method == 'POST' and l

I have a fruits form that has one FieldList object for the bananas: bananas = FieldList(FormField(BananaForm)) In the frontend, initially, I add one of those fields to the FieldList form.append_entry() Now with Javascript I managed to create functions, that can dynamically add (plus button) or remove (minus button) the number of BananaForm fields that can be filled with information. FielstList automatically creates ids for all of its fields. So to do dynamical adding with js, I duplicate the HTML code and set the field id += 1, like: first field: <tr> <td><input id="bananas-0-originCountry"

I'm building a website using Flask in which I use WTForms . In a Form I now want to use a FieldList of FormFields as follows: class LocationForm(Form): location_id = StringField('location_id') city = StringField('city') class CompanyForm(Form): company_name = StringField('company_name') locations = FieldList(FormField(LocationForm)) so to give people the ability to enter a company with two locations (dynamic adding of locations comes later) I do this on the front side: <form action="" method="post" role="form"> {{ companyForm.hidden_tag() }} {{ companyForm.company_name() }} {{ locationForm