Добавить формат к тегу ввода HTML
Есть ли способ добавить формат к тегу ввода, который должен использовать пользователь. В качестве примера я хотел бы, чтобы пользователь ввел текст в формате:
int: int
или же
2: 1
Есть ли способ сделать это в html без написания кода проверки в javascript?
Обновлено: я хотел бы использовать дополнительную библиотеку
Ответы 2
Вы можете сделать это с помощью Vue.js, добавив v-model.numer=“” в html. Это будет использовать Vue, внешнюю библиотеку, которая справится со всем этим за вас.
Для ванильного HTML вы также можете использовать type=“number” в своем теге ввода, и большинство браузеров это поддерживают. Те, которые этого не сделают, по умолчанию относятся к типу текста. Подробнее здесь: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
Вы можете добавить атрибут pattern = "", который использует Regex для проверки входного формата. В вашем случае, если вам нужно любое целое число, за которым следует ':', за которым следует другое целое число, решение:
<input pattern = "\d+[:]\d+" title = "{message_text}" />
Обновлено: добавлен атрибут title = ""
вы можете изменить его, добавив атрибут title = "{message_text}"
Спасибо за быструю помощь :)
регулярное выражение построено для строк, поэтому проверка значений int немного сложнее, но не невозможна, если вы просто хотите ограничить количество цифр, замените символ '+' на '{MIN, MAX}', MIN и MAX должны быть минимальное и максимальное количество цифр, если вы хотите установить ограничение более конкретно, вы должны использовать оператор или, например, если ваш верхний предел равен 400, регулярное выражение будет (400 | [0-3] [0-9] [0 -9]) где '|' - это оператор или, а '()' означает, что это должно быть именно так, в этом случае это должно быть '400' или любое число, начинающееся с 0-3, за которым следует 0-9, за которым следует 0-9, надеюсь, это поможет
Спасибо :) немного сложно понять, но разобрался
если вы не укажете количество цифр, которое вам нужно удалить \ d, но остальные его правильные
Есть ли способ изменить всплывающее сообщение? А можно указать максимальное и минимальное из этих чисел?