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。更改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