Я использую приведенный ниже HTML-тег и не могу получить ограничения на числа, мне нужно, чтобы пользователь вводил только 12 цифр, однако в соответствии с HTML-тегом по умолчанию «maxlength» не работает с <input type ="number">, я попробовал теги min и max, он сделал тоже не поможет.
Не могли бы вы поделиться, если есть способ сделать это только в HTML?
<input type="number" name="Aadhar" maxlength="12" placeholder="xxxx-xxxx-xxxx" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" required>
Максимальная длина не будет работать с ‹типом ввода=число. Возможно, вы можете прочитать это нажмите здесь, чтобы узнать больше, чтобы решить вашу проблему
К сожалению, атрибут maxlength не поддерживается для входных данных типа number. Поэтому лучший подход — использовать JS. Пожалуйста, обратитесь к следующей документации, и они могут дать некоторую ясность.
Используйте max вместо maxlength
<input type="number" name="Aadhar" max="12" placeholder="xxxx-xxxx-xxxx" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" required>
Когда пользователь нажмет кнопку «Отправить», он покажет, что значение должно быть меньше 12. Это можно использовать только внутри формы.
Вы можете попробовать это.
function numOnly(id) {
// Get the element by id
var element = document.getElementById(id);
// Use numbers only pattern, from 0 to 9 with \-
var regex = /[^0-9\-]/gi;
// Replace other characters that are not in regex pattern
element.value = element.value.replace(regex, "");
}<input type="text" id="number" oninput="numOnly(this.id);" name="Aadhar" maxlength="14" placeholder="xxxx-xxxx-xxxx" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" required/>