Flask-Form表单提交验证失败问题求助

HTML中设置了disabled属性的输入框，不会将字段值提交到服务器。你的author字段添加了DataRequired()验证，但提交时该字段无值，导致表单验证失败。

提供三种可行方案，按需选择：

方案1：使用隐藏字段提交作者信息 #

如果不需要在页面显示作者字段，直接用隐藏字段传递值，既安全又能通过验证：

1. 修改表单类：

class PostForm(FlaskForm):
    title = StringField("Title", validators=[DataRequired()])
    content = StringField("Content", validators=[DataRequired()], widget=TextArea())
    # 添加隐藏字段存储作者
    author = HiddenField("Author")
    slug = StringField("Slug", validators=[DataRequired()])
    submit = SubmitField(label="Submit!")

2. 修改前端模板：

<form method="POST" class="form shadow p-3 mb-5 bg-body-tertiary rounded">
    {{form.hidden_tag()}}
    {{form.title.label(class="form-label")}}
    {{form.title(class="form-control", placeholder="My Awesome Title")}}
    {{form.content.label(class="form-label")}}
    {{form.content(class="form-control", rows="5")}} 
    <!-- 渲染隐藏字段，赋值当前用户 -->
    {{form.author(value=current_user.username)}}
    {{form.slug.label(class="form-label")}}
    {{form.slug(class="form-control", placeholder="my_awesome_title")}}
    {{form.submit(class="btn btn-info mt-3")}}
</form>

方案2：用readonly属性替代disabled #

如果需要在页面显示作者但不允许编辑，使用readonly属性（该属性会提交字段值）：

1. 修改表单类的render_kw：

class PostForm(FlaskForm):
    title = StringField("Title", validators=[DataRequired()])
    content = StringField("Content", validators=[DataRequired()], widget=TextArea())
    # 把disabled改成readonly
    author = StringField("Author", validators=[DataRequired()], render_kw={'readonly':''})
    slug = StringField("Slug", validators=[DataRequired()])
    submit = SubmitField(label="Submit!")

2. 前端模板无需修改，保持原有的赋值逻辑即可。

方案3：后端直接赋值，移除前端字段验证 #

最安全的方式是不在前端传递作者信息，直接在后端从current_user获取值，避免前端篡改风险：

1. 修改表单类，移除author字段的验证或直接移除该字段：

class PostForm(FlaskForm):
    title = StringField("Title", validators=[DataRequired()])
    content = StringField("Content", validators=[DataRequired()], widget=TextArea())
    # 移除author字段的DataRequired验证，或者直接删掉这个字段
    author = StringField("Author", render_kw={'disabled':''})
    slug = StringField("Slug", validators=[DataRequired()])
    submit = SubmitField(label="Submit!")

2. 后端处理表单时，手动设置作者值：

@app.route('/create-post', methods=['GET', 'POST'])
def create_post():
    form = PostForm()
    if form.validate_on_submit():
        post = Post(
            title=form.title.data,
            content=form.content.data,
            author=current_user.username,  # 直接从current_user获取
            slug=form.slug.data
        )
        db.session.add(post)
        db.session.commit()
        return redirect(url_for('posts'))
    return render_template('create_post.html', form=form)

如果不需要在页面显示author字段，也可以直接从表单类中删除author字段，前端模板也去掉对应的渲染代码。

内容的提问来源于stack exchange，提问作者Sezarfen