А вы уже готовы к тому, что на ваших сайтах появятся поля для ввода адресов в формате IPv6?
В общем краткая заметка на тему сделать такую форму быстро и функционально (форматирование введенного IPv6/IPv4-адреса на лету).
Использоваться будет jQuery-плагин jquery-input-ip-address-control, для тех, кто по ревью на гуглокоде не понял как его использовать — вэлком под кат.
Минималистский, но рабочий код
<form> <input id="ipv6" type="text" /> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="http://jquery-input-ip-address-control.googlecode.com/files/jquery.input-ip-address-control-1.0.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#ipv6').ipAddress({v:4}); }); </script> |
Пример работы
Просто начните вводить IP-адрес в формате Ipv4, например, 127.0.0.1.
Проверка IP-адреса регуляркой
Еще этот плагин может проверить введенный в любое поле ip-адрес регулярками:
/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/
— для IPv4, и
/\b([A-F0-9]{1,4}:){7}([A-F0-9]{1,4})\b/i
— для IPv6, вот такой встроенный бонус
А еще есть jQuery IP address plugin
Предназначен только для IPv4, демо можно посмотреть тут http://mlntn.com/demos/jquery-ipaddress/, почитать о нем можно тут http://mlntn.com/2009/12/30/jquery-ip-address-plugin. Основное отличие в том, что для каждого октета IP-адреса используется отдельное поле.