{% extends 'base.html' %}
{% block head %}
<title>Task Master</title>
{% endblock %}
{% block body %}
<div class="content">
<h1>Task Master</h1>
{% if tasks|length < 1 %}
<h4 style="text-align: center">There are no tasks. Create one below!</h4>
{% else %}
<table class="center">
<tr>
<th>Task</th>
<th>Added</th>
<th>Action</th>
</tr>
{% for task in tasks %}
<tr>
<td> {{ task.content }}</td>
<td> {{ task.date_created.date()}}</td>
<td>
<a href="/delete/{{task.id}}">Delete</a>
<br>
<a href="/update/{{task.id}}">Update</a>
</td>
</tr>
{% endfor %}
</table>
{% endif %}
<hr width="100%">
<form action="/" method="post">
<input type="text" name="content" id="content"></input>
<input type="submit" value="Add Task"></input>
</form>
</div>
{% endblock %}
如果我理解正确的话,您想阻止用户创建没有内容的任务。
为了实现这一点,可以
required
向输入字段添加内容属性。这样,在用户输入内容之前,不会发送表单。但此外,还需要在服务器上验证输入的内容。您可以使用Flask 中的命令
输出消息。
flash(...)
下面是一个示例应用程序,如果用户输入错误,他们会收到一条消息。