How to reference a WTForms Form Field in JQuery

Question

I'm using WTForms to create a form with fields that have "sub fields" like so -

class TableName(FlaskForm):
   schema = StringField('Schema', validators=[DataRequired()], id = 'schema_name')
   table = StringField('Table', validators=[DataRequired()], id = 'table_name')

class QaForm(FlaskForm):
   test_table_in = FormField(TableName, id = 'test_table')
   prod_table_in = FormField(TableName, id = 'prod_table')

Front end looks like this - fields consisting of "sub-fields"

How do I reference this form element in JQuery? I've tried the below but it gives me an "undefined" error when I try to print the variables -

var tables = {
                test_table: $('#test_table-schema_name').val() + "." + $('#test_table-table_name').val(),
                prod_table: $('#prod_table-schema_name').val() + "." + $('#prod_table-table_name').val()
            };

Andrew Clark · Accepted Answer · 2021-05-21 15:04:29Z

0

Did you figure this out yet? Have you tried using your browser inspect element tool to view the variable name of the field you're seeking?

answered May 21, 2021 at 15:04

Andrew Clark

8807 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user5394117 Over a year ago

Yes, it turns out this the issue was unrelated to how I was calling the form elements.

Collectives™ on Stack Overflow

How to reference a WTForms Form Field in JQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related