Использования jQuery-плагина для маскирования IPv4/IPv6-адресов при вводе

А вы уже готовы к тому, что на ваших сайтах появятся поля для ввода адресов в формате 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-адреса используется отдельное поле.


Добавление комментария:

 css.php