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

并更改JQuery以反映：

NA

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

Answer 2

在这种情况下，您不能使用相同的ID。将id="ipv4"更改为class="ipv4"并尝试

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

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

2 个答案: