Python中的Form()函数实现条件表单显示与隐藏的方法

发布时间：2023-12-27 06:49:23

Form()函数是Python中一个用于显示和隐藏条件表单的函数。该函数可以根据给定的条件，动态地显示或隐藏特定的表单字段。以下是一个使用Form()函数实现条件表单显示和隐藏的例子：

from flask import Flask, request, render_template
from flask_wtf import FlaskForm
from wtforms import StringField, SelectField, BooleanField, SubmitField
from wtforms.validators import DataRequired

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret'

# 创建一个简单的表单类
class MyForm(FlaskForm):
    name = StringField('Name', validators=[DataRequired()])
    country = SelectField('Country', choices=[('USA', 'USA'), ('Canada', 'Canada')])
    agree = BooleanField('Agree to terms', validators=[DataRequired()])
    submit = SubmitField('Submit')

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()  # 创建一个表单实例
    show_country_field = False  # 默认不显示country字段

    if request.method == 'POST':
        if form.validate_on_submit():
            name = form.name.data
            agree = form.agree.data
            # 根据表单提交的数据更改show_country_field的值
            if agree:
                show_country_field = True

    return render_template('index.html', form=form, show_country_field=show_country_field)

if __name__ == '__main__':
    app.run(debug=True)

上述代码中，我们首先导入了必要的模块和类，如Flask、request、render_template、FlaskForm、StringField、SelectField、BooleanField、SubmitField和DataRequired。接下来，我们定义了一个简单的表单类MyForm，其中包含了一个name字段、一个country字段、一个agree字段和一个submit字段，分别对应名字、国家、同意接受条款和提交按钮。

在主程序中，我们首先创建了一个MyForm的实例form。然后，我们设置一个show_country_field的变量，并将其值默认为False，即不显示country字段。接着，我们通过判断请求方法是否为POST来确定是否有表单提交。如果有表单提交，我们通过调用form.validate_on_submit()方法来验证表单数据是否合法。如果数据合法，我们将表单字段的数据保存到相应的变量中，并根据agree字段的值来改变show_country_field的值，从而决定是否显示country字段。

最后，我们通过render_template()函数将表单实例和show_country_field一同传递给模板文件index.html进行渲染。

以下是index.html文件的内容：

<!DOCTYPE html>
<html>
<head>
    <title>Condition Form Example</title>
</head>
<body>
    <h1>Condition Form Example</h1>

    <form method="POST">
        {{ form.hidden_tag() }}

        <div>
            {{ form.name.label }}<br>
            {{ form.name }}
        </div>

        {% if show_country_field %}
        <div>
            {{ form.country.label }}<br>
            {{ form.country }}
        </div>
        {% endif %}

        <div>
            {{ form.agree.label }}<br>
            {{ form.agree }}
        </div>

        <div>
            {{ form.submit }}
        </div>
    </form>
</body>
</html>

在模板文件中，我们首先使用{{ form.hidden_tag() }}来添加一个隐藏域，它用来防止跨站点请求伪造（Cross-Site Request Forgery, CSRF）攻击。然后，我们使用form.name.label和form.name来显示name字段的标签和输入框。接着，通过{% if show_country_field %}...{% endif %}来判断是否显示country字段，如果show_country_field为True，则将country字段的标签和下拉框显示出来。最后，我们通过{{ form.submit }}来显示提交按钮。

运行上述代码后，在浏览器中访问http://localhost:5000即可看到一个条件表单。初次访问时，只会显示name字段和agree字段。当勾选Agree to terms复选框后，会动态地显示country字段。

这就是使用Form()函数实现条件表单显示和隐藏的方法及一个使用例子。在实际开发中，你可以根据需要自定义不同的条件来显示或隐藏不同的表单字段。