Задача очень проста, необходимо добавить маску (фильтр) на поле ввода (input), чтобы у пользователю было доступно вводить данные только в корректном формате IP адреса. Существуют различные пути решения данной задачи. Я могу посоветовать изучить отличный плагин для JQuery, о котором есть статья на Хабре. Переходите по ссылке, там все достаточно подробно описано. Ну а я рассмотрю один из самых коротких вариантов решения данной проблемы, это использование паттернов и регулярных выражений. Ниже приведен пример html5 разметки, которая позволяет жестко задать формат ввода данных под IP адрес и не пропускать пользователя, пока данные ни будут соответствовать необходимому шаблону.

Обратите внимание на атрибут поля input с именем pattern. Именно в нем задается регулярное выражение позволяющее вводить любой действительный IP адрес. В качестве разделителя используется точка, каждое число в блоке может принимать значения от 0 до 255. Если условия регулярного выражения не выполняются возможность нажать кнопку «Отправить» блокируется, а пользователю отображается сообщение. На рисунке ниже можно увидеть результат.

Корректный ввод IP адреса

Ввод некорректных данных

P.S. Присоединяйся в любой удобной для тебя социальной сети. Для меня очень важно оставаться с тобой на связи, ведь у меня есть еще много полезной информации о программировании для тебя, которой я хочу с тобой поделиться.

Вконтакте
Telegram
Facebook
Twitter
Одноклассники
Дзен
Google+

 
×
%d такие блоггеры, как: