javascript - 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"

并更改 JQuery 以反射(reflect)这一点:

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

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