WTF Forms Flask 中的字段验证，重定向方法

Question

我正在尝试创建我的第一个 Flask 网络应用程序并发现了以下问题，我有两个页面，第一页应该包含球员姓名并将姓名提供给下一页，但不幸的是名称验证不起作用，因为出于某种原因，我可以将必填字段留空并转到下一页名称字段为空的页面。

烧瓶代码：

class ChooseName(FlaskForm):
    first_player_name = StringField("Choose first player name: ", [DataRequired()])
    second_player_name = StringField("Choose second player name: ", [DataRequired()])
    button = SubmitField("Confirm")


@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form) 


@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = request.args.get('first_player_name')
    player2 = request.args.get('second_player_name')
    ......
    return render_template('mega.html', form=form, error=error, x=x, 
    turn=turn,tornado=tornado, renew=renew, player1=player1,player2=player2)

HTML 模板：

<form action="{{url_for('mega')}}" method="get">
    {{ form.hidden_tag() }}
    <h4>Please choose players names!</h4>
    {{form.first_player_name.label}}  {{form.first_player_name}} <br> <br>
    {{form.second_player_name.label}}  {{form.second_player_name}} <br> <br>
    {{form.button}} <br> <br>
</form>

Answer 1

看看你的函数 Mega()，你不会在下一页返回任何东西。您只是接受输入，而不是以任何形式返回它。

from wtforms import Form, StringField, validators, SubmitField
from flask_wtf import FlaskForm
from flask import Flask, render_template, request


class ChooseName(FlaskForm):
    first_player_name = StringField("Choose first player name: ", [validators.DataRequired()])
    second_player_name = StringField("Choose second player name: ", [validators.DataRequired()])
    button = SubmitField("Confirm")

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

@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form)

@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = request.args.get('first_player_name')
    player2 = request.args.get('second_player_name')
    return player1 + ' ' + player2


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

尝试运行此代码，希望对您有所帮助。 :-)

Answer 2

这是因为您的操作指向 mega 视图，所以来自 index if form.validate_on_submit(): 的代码未被已执行。

您应该更改表单中的操作属性和方法。代码应该如下：

HTML 模板：

<form action="" method="post">
    {{ form.hidden_tag() }}
    <h4>Please choose players names!</h4>
    {{form.first_player_name.label}}  {{form.first_player_name}} <br> <br>
    {{form.second_player_name.label}}  {{form.second_player_name}} <br> <br>
    {{form.button}} <br> <br>
</form>

观看次数：

from flask import session

@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        session['first_player_name'] = form.first_player_name.data
        session['second_player_name'] = form.second_player_name.data
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form) 


@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = session.pop('first_player_name')
    player2 = session.pop('second_player_name')
    ......
    return render_template('mega.html', form=form, error=error, x=x, 
    turn=turn,tornado=tornado, renew=renew, player1=player1,player2=player2)

您可以在此处了解有关 WTForms 的更多信息https://j2logo.com/tutorial-flask-leccion-3-formularios-wtforms/

WTF Forms Flask 中的字段验证，重定向方法

Field validation in WTF Forms Flask, redirect method

flask

python-3.x

wtforms

flask-wtforms