接受多个IP地址的Jquery插件输入字段

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();
});

attributes/id