如何强制执行 select 下拉选项

Question

我有一个包含以下代码的 PUG 模板：

select#categoryDropdown(name='category', required)
  option(value='none', selected, disabled, hidden) -- Select an option --
  option(value='school') school
  option(value='family') family

生成此表单：

<select id="categoryDropdown" name="category" required="">
  <option value="none" selected="" disabled="" hidden="">-- Select an option --</option>
  <option value="school">school</option>
  <option value="family">family</option>
</select>

该表单允许用户在没有 selecting 值的情况下提交。我不知道问题是 -- Select an option -- 选项已经被 selected 还是我的 PUG/Jade 语法没有设置正确的字段，例如使用 required="" 而不仅仅是 required.

如何修复 PUG 代码以强制用户在 select 下拉列表中选择非默认字段？

Answer 1

您的代码应该如下所示

select#categoryDropdown(name='category', required)
  option(value='', selected) -- Select an option --
  option(value='school') school
  option(value='family') family

"none" 是一个有效值，必需的属性将其视为有效值。

如何强制执行 select 下拉选项

How to enforce a select dropdown choice

html

forms

pug