Как получить ввод точной длины?

Question

Как установить точное значение для ввода текстового поля?Я хочу получить номер документа ровно 10 цифр от пользователя.Следующие два не работают одновременно:

var input = document.createElement("input"); 
input.setAttribute("min","10") 
input.setAttribute("max","10")

Answer 1

Примечание: мин / макс действительны только для type="number" или type="date" входов.

Это можно сделать с использованием чистого HTML.Вы можете установить поле на type="number" и установить минимальное значение 1000000000 (10 цифр) и максимальное значение 9999999999 (также 10 цифр).Затем просто прикоснитесь к параметру required в поле.Форма не будет отправлена, если она не подтверждена из-за параметра required.

<form action="">
  <input type="number" min="1000000000" max="9999999999" required>
  <input type="submit" value="send">
</form>

Еще одна вещь, которую мы можем сделать, это использовать pattern на text input с required:

<form action="">
  <input type="text" pattern="[0-9]{10}" required>
  <input type="submit" value="send">
</form>