HTMLInputElement: minLength 属性

Baseline 已广泛支持

此功能已成熟,可跨多种设备和浏览器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有浏览器中可用。

HTMLInputElement 接口的 minLength 属性指示了 <input> 元素的值要有效所需的最小字符数(以 UTF-16 码单元为单位)。它反映了元素的 minlength 属性。-1 表示没有最小长度要求。

注意:如果输入框有值,并且该值包含的字符数少于 minlength 属性要求的数量,则该元素被视为无效,并且 ValidityState 对象的 tooShort 属性将为 true

一个数字,表示元素存在时其 minlength 属性的值,或者 -1

示例

给定以下 HTML

html
<p>
  <label for="password">Your password</label>
  <input id="password" type="password" minlength="8" maxlength="20" />
</p>

您可以使用 minLength 属性来检索或设置 <input>minlength 属性值。

js
const inputElement = document.querySelector("#password");
console.log(`Element's minLength: ${inputElement.minLength}`); // "Element's minlength: 8"
inputElement.minLength = 12; // updates the element's minlength attribute value

规范

规范
HTML
# dom-input-minlength

浏览器兼容性

另见