访问量： 10 次浏览
在本文中，我们将介绍在使用Flask和 Flask-WTF 扩展中出现的错误信息不显示的问题，并提供相应的解决方案和示例代码。
在使用Flask和 Flask-WTF 扩展来创建Web应用程序时，有时会遇到表单验证失败后，错误信息没有正确显示的情况。
这可能会给用户带来困扰，因为他们无法准确地知道出了什么问题。
要解决这个问题，我们可以在模板文件中添加错误信息的显示机制。Flask-WTF提供了一种简单的方法来在模板中显示错误信息。
首先，导入 Form 类和 ValidationError 类：
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired
from wtforms.validators import ValidationError
然后，在表单类的字段中添加自定义的验证函数。
例如，我们创建一个名为 LoginForm 的表单，其中包含一个 username 字段和一个 submit 字段，其中 username 字段需要进行数据验证。
class LoginForm(FlaskForm):
username = StringField('Username', validators=[DataRequired()])
submit = SubmitField('Submit')
def validate_username(self, field):
# 自定义验证函数
if field.data == 'admin':
raise ValidationError('This username is taken. Please choose a different username.')
在validate_username函数中，我们可以进行一些自定义的验证逻辑，并通过调用raise ValidationError来触发验证失败时的错误信息。
最后，我们在模板文件中使用Flask-WTF提供的 errors 属性来显示错误信息。例如，在登录页面的HTML代码中，我们可以添加如下代码来显示错误信息：
<form method="POST" action="">
{{ form.csrf_token }}
{{ form.username.label }}
{{ form.username }}
{% if form.username.errors %}
<div class="error">{{ form.username.errors[0] }}</div>
{% endif %}
{{ form.submit }}
</form>
以上代码中，{% if form.username.errors %}用于判断是否有错误信息，如果有则在页面上显示错误信息。{{ form.username.errors[0] }}用于显示第一个错误信息。
通过以上的操作，当我们在如上的登录页面中输入 ’admin’ 作为用户名时，会触发自定义验证函数中的错误，并将错误信息正确显示在页面上。
为了更好地理解和演示，我们创建了一个完整的示例代码。请按照以下步骤执行：
pip install flask
pip install Flask-WTF
app.py 的文件，并将以下代码复制到文件中：from flask import Flask, render_template, request
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired
from wtforms.validators import ValidationError
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secretkey'
class LoginForm(FlaskForm):
username = StringField('Username', validators=[DataRequired()])
submit = SubmitField('Submit')
def validate_username(self, field):
if field.data == 'admin':
raise ValidationError('This username is taken. Please choose a different username.')
@app.route('/', methods=['GET', 'POST'])
def login():
form = LoginForm()
if form.validate_on_submit():
return "Login successful!"
return render_template('login.html', form=form)
if __name__ == '__main__':
app.run(debug=True)
login.html 的模板文件，并将以下代码复制到文件中：<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login Page</h1>
<form method="POST" action="">
{{ form.csrf_token }}
{{ form.username.label }}
{{ form.username }}
{% if form.username.errors %}
<div class="error">{{ form.username.errors[0] }}</div>
{% endif %}
{{ form.submit }}
</form>
</body>
</html>
python app.py
’admin’ 作为用户名，并点击Submit按钮。您将看到错误信息”This username is taken. Please choose a different username.”正确显示在页面上。通过以上示例代码，我们成功地解决了Flask和Flask-WTF扩展中的错误信息不显示的问题，并提供了一个实用的解决方案。
本文介绍了在使用Flask和Flask-WTF扩展中出现的错误信息不显示的问题，并提供了解决方案和示例代码。
通过在模板文件中添加显示错误信息的逻辑，我们能够准确地向用户展示验证失败的错误信息，提高了用户体验。
希望本文能帮助读者更好地理解和解决这个问题。