Поле ввода плагина JQuery для приема более одного IP-адреса

Question

Я пытаюсь использовать JQuery-плагин для обработки адресов IPV4. Плагин доступен по адресу https://github.com/felipevolpatto/jquery-input-ip-address-control

Проблема заключается в том, что я могу использовать только одно текстовое поле для адреса IPV4. Если я использую еще одно, я мог бы видеть только нормальное текстовое поле без каких-либо разделителей. Как я могу использовать его для более чем одного текстового поля для адреса IPV4?

Код:

<form role="form"> 

        <div class="form-group"> 
          <label>Starting Address</label></br>       
          <input type="text" name="ip1" id="ipv4"> 

         </div> 
         <div class="form-group">         
          <label>Ending Address</label></br>       
          <input type="text" name="ip2" id="ipv4"> 
         </div>  


</form>  
<script src="js/jquery.input-ip-address-control-1.0.min.js"></script> 
<script> 
    $(function(){ 
     $('#ipv4').ipAddress(); 
    }); 
</script> 

Answer 1

Вы не можете использовать тот же идентификатор в этом случае. Изменение id="ipv4" в class="ipv4" и попробовать

$(function(){ 
     $('.ipv4').ipAddress(); 
    }); 

Answer 2

id является глобальным уникальным идентификатором. Он должен использоваться только для одного элемента на странице. Если повторяется одно и то же id, обычно выбирается только первый, но это может меняться, и вы НЕ должны этого делать. Если вы хотите применить ipv4 к другому элементу, вы должны сделать его классом.

class="ipv4"

и изменить JQuery, чтобы отразить это:

$(function(){ 
    $('.ipv4').ipAddress(); 
}); 

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id