使用js的最小长度事件

【问题标题】：event on minimum length using js使用js的最小长度事件
【发布时间】：2022-01-24 07:55:18
【问题描述】：

需要使用 js 添加错误文本 - 如果用户在字段中仅键入 3 个字符。怎么做？谢谢

<body>
<input type="text" class="user-input" minlength="4">
</body>

【问题讨论】：

标签： javascript input

【解决方案1】：

您可以使用模式属性验证。

 <input pattern=".{3,}"   required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

如果您想创建将模式用于“空或最小长度”的选项，请使用如下所示

<input pattern=".{0}|.{5,10}" required title="Either 0 OR (5 to 10 chars)">
<input pattern=".{0}|.{8,}"   required title="Either 0 OR (8 chars minimum)">

【讨论】：

【解决方案2】：

您可以从 id 中检索其值：

        let x = document.getElementsByClassName['user-input'].value;

        if (x.length < 4) {
            alert(`please enter at least ${x.length} characters`);
            return false;
        }

【讨论】：