验证 |必需=“真”/“假”| HTML 表单答案

【问题标题】：Validation | required="true" / "false" | HTML form验证 |必需=“真”/“假”| HTML 表单
【发布时间】：2018-02-06 20:09:37
【问题描述】：

当我在做一些基本的 HTML 时，我想知道为什么 Sublime Text 3 总是将 required 完成为 required="" 。就像我的在线课程的讲师说没有必要设置 required="true" 或 required="false" 但当我将其设置为 false 时它仍然需要它。

示例代码（即使设置为false也会需要该字段）：

<form>
    <input type="password" name="password" required="false">
    <button>Submit</button>
</form>

希望你能解开疑惑。感谢您的每一个回答。

法赫尔

【问题讨论】：

How to not require a required input的可能重复

标签： html forms attributes

【解决方案1】：

在 HTML 中，required 属性必须是存在（该字段是必需的）或不存在（该字段是 NOT 必需的）。当属性存在时，它具有什么值并不重要。

必需的属性是一个布尔属性。指定时，该元素是必需的。

元素上存在布尔属性表示真值，不存在该属性表示假值。

关于boolean attributes：

一个没有赋值的布尔属性（例如checked）隐含地等同于一个分配了空字符串的布尔属性（例如checked=""）。因此，它代表了真正的价值。

布尔属性不允许使用值“true”和“false”。要表示假值，必须完全省略该属性。

一个常见的做法是使用属性的名称作为它的值：

<form>
    <input type="password" name="password" required="required"><!-- this input is required -->

    <input type="text" name="sometext"><!-- this input is NOT required -->

    <button>Submit</button>
</form>

【讨论】：

漂亮的答案，这正是我需要弄清楚为什么我在 Vue JS 中的输入总是在 DOM 中显示 required="required" 的数据。它实际上表明，无论我通过什么。该道具被省略或required="required"。我认为 Vue 可能会在后台进行一些处理以将其限制为 required="required"。

【解决方案2】：

'必需'是一个布尔属性。一旦存在，它就会假定值为 true 。因此将其设置为“假”仍使其表现得好像它是真的一样。

以下是证据

<form>
<input type="password" name="password" required="false">
<button>Submit</button>
</form>

【讨论】：

【解决方案3】：

required 不接受布尔字符串。如果该属性完全存在，则它是必需的。像大多数属性一样，Sublime 可能期望一些值。

<form>
<input type="password" name="password" required="">
<button>Submit</button>
</form>

<form>
<input type="password" name="password" required>
<button>Submit</button>
</form>

【讨论】：

【解决方案4】：

但是，如果正在处理鼠标事件，例如，使用 JS，他们可以使用“.prop()”方法将“required”属性设置为“True”或“False”。例如

.prop("required", true)

或

.prop("required", false)

【讨论】：

这个答案不正确，可能是特定于 jQuery 的。 JavaScript 中没有 .prop() 方法。