3

Есть обычный input:

<input type="text" size="16">

Нужно чтобы в него можно было ввести только IP адрес в формате xxx.xxx.xxx.xxx.
Если поставить type=text, то можно ввести чего угодно.

Как это сделать?

1
  • Ну вообще-то IP не обязан вводиться именно по этому шаблону... наберите в адресной строке 1089053800 и попадите на 64.233.164.104 (www.google.com). 64.233.164.104 = ((64*256+233)*256+164)*256+104 = 1089053800.
    – Akina
    15 дек 2017 в 11:09

1 ответ 1

6

Вам надо использовать pattern аттрибут HTML5

<input type="text" size="16" pattern="YourPattern">

Для IP можно использовать паттерн:

"^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$"

Полный код:

<form>
<input type="text" size="16" pattern="^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$">
<input type="submit" >
</form>

8
  • @Regent добавил 15 дек 2017 в 11:15
  • 2
    В принципе, если автору нужна валидация, а не маска, то вполне себе вариант, без лишнего JS.
    – Regent
    15 дек 2017 в 11:19
  • Паттерн не позволяет ввести адрес с ведущими нулями в октетах, что в общем неправильно.
    – Akina
    15 дек 2017 в 11:51
  • @Akina да, вижу, спасибо, поправил 15 дек 2017 в 11:55
  • @ДмитрийПолянин да не, на самом деле, вы сломали, а не поправили. Теперь можно вводить 333A333B333C333, что неверно по двум пунктам: можно вводить больше 255, вместо точки можно указать любой символ.
    – Regent
    15 дек 2017 в 12:52

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.