У меня к тебе вопрос.
Знаете ли вы, как указать минимальную длину для ввода текста?
Я попытался:
minlength="2"
min="2"
pattern=".{2,}"
pattern="^.{2,}$"
Для информации, это мой вклад:
<input type="text" class="form-control" name="firstname" id="firstname" placeholder="firstname" pattern="^.{2,}$" >
EDIT: я пробовал в Chrome, и он не работает. Но это работает на Firefox. Так что попробую поискать с этой стороны.
Атрибут minlength абсолютно правильный:
minlength="2"
Рабочий пример:
input:invalid {
border: 1px dashed rgba(255, 0, 0, 0.5);
}<form>
<input type="text" minlength="2" placeholder="Type here..." required />
<input type="submit">
</form>Вы можете видеть, что если вы попытаетесь отправить форму до того, как введете допустимое значение в текстовый ввод, форма не будет отправлена, и браузер сообщит об ошибке.
Дополнительная литература:
required minlength не будет иметь эффекта, ЕСЛИ ввод оставлен ПУСТОЙ
- person Campiotti; 17.01.2020
<input> окружен полупрозрачной красной пунктирной линией, когда он содержит символы 0 или 1, что указывает на то, что введенное значение недопустимо. Когда в него введено 2 или более символов, значение распознается как допустимое.
- person Rounin; 17.01.2020
pattern=".{2,}" requiredэти атрибуты должны это делать - person Nicolae Maties schedule 17.01.2020