HTML Jinja2 在特定情况下禁用提交按钮
HTML Jinja2 disabling submit button in specific situation
我在使用 Jinja 为 HTML 模板中的 if 语句设置逻辑时遇到问题。
我应该输入什么来代替下面代码中的 ???
?
我不希望用户能够 post 空字段,因此,我决定在 textarea 为空时禁用提交按钮(例如:它具有与 [= 不同的 css 样式13=] class).
我试过在???
处输入内容,词条,form__textarea
,但是没有用。
<form class="form" action="/" method="POST">
<p class="form__input">
<textarea name="content" id="entry" class="form__textarea" aria-label="Entry contents" placeholder="Type here..."></textarea>
</p>
{% if ??? is none %}
<button type="submit" class="form__submit__disabled" disabled>Add entry</button>
{% else %}
<button type="submit" class="form__submit">Add entry</button>
{% endif %}
</form>
一个更好的主意,对于此要求,使用 textarea
的 required
属性,并让浏览器完成警告最终用户应填写此字段的工作提交前。
<form class="form" action="/" method="POST">
<p class="form__input">
<textarea name="content"
id="entry"
class="form__textarea"
aria-label="Entry contents"
placeholder="Type here..."
required></textarea>
</p>
<button type="submit"
class="form__submit">
Add entry
</button>
</form>
我在使用 Jinja 为 HTML 模板中的 if 语句设置逻辑时遇到问题。
我应该输入什么来代替下面代码中的 ???
?
我不希望用户能够 post 空字段,因此,我决定在 textarea 为空时禁用提交按钮(例如:它具有与 [= 不同的 css 样式13=] class).
我试过在???
处输入内容,词条,form__textarea
,但是没有用。
<form class="form" action="/" method="POST">
<p class="form__input">
<textarea name="content" id="entry" class="form__textarea" aria-label="Entry contents" placeholder="Type here..."></textarea>
</p>
{% if ??? is none %}
<button type="submit" class="form__submit__disabled" disabled>Add entry</button>
{% else %}
<button type="submit" class="form__submit">Add entry</button>
{% endif %}
</form>
一个更好的主意,对于此要求,使用 textarea
的 required
属性,并让浏览器完成警告最终用户应填写此字段的工作提交前。
<form class="form" action="/" method="POST">
<p class="form__input">
<textarea name="content"
id="entry"
class="form__textarea"
aria-label="Entry contents"
placeholder="Type here..."
required></textarea>
</p>
<button type="submit"
class="form__submit">
Add entry
</button>
</form>