Question

用户输入他们的地址和年龄。点击查找按钮时，它将显示输入。但是，对于输入无效的情况，我想添加一条错误消息。

如何检查输入是否无效并给出错误消息？我希望我的错误消息与输入值的页面位于同一页面上。代码无法正常工作。

 <div class = "Information">
  <h2>Your Infomation</h2>
  <form action="" method=post>
    if (error){
      <p id="error"><strong></strong>{{error}}
    }
    <div id = "address">
      <label>address</label>
      <input type=text name=address value="{{request.form.address}}">
    </div>
    <div id = "age">
      <label>age</label>
      <input type=text name=age value="{{request.form.age}}">
    </div>
    <div class = "Input">
      <a href="/results">
        <button type = "button" class = "btn btn-primary" value="find" >Find!</button>
      </a>
    </div>
  </form>
</div>

@app.route('/results',methods=['GET','POST'])
def result():
    error = None;
    if request.method == 'POST':
        if request.form['age'] != '14':
            error='You did not enter proper values'
    return render_template('template.html',error=error)

Answer 1

您需要使用正确的Jinja语法来呈现模板：

{% if error %}<p id="error">{{ error }}</p>{% endif %}

除此之外，你添加到表单中的按钮实际上并没有提交表单，因为你已经给它了“按钮”类型而不是“提交”类型并将它包装在一个锚中原因。将<div class="Input">的内容替换为：

<button type="submit" class="btn btn-primary" value="find">Find!</button>

检查用户的输入是否有效

1 个答案: