複数のIPアドレスを受け入れるためのJqueryプラグイン入力フィールド

Question

IPV4アドレスを処理するためにJqueryプラグインを使用しようとしています。プラグインが利用可能ですhttps://github.com/felipevolpatto/jquery-input-ip-address-control

問題はIPV4アドレスに1つのテキストフィールドしか使用できないことです。もう1つ使用すると、セパレータなしの通常のテキストフィールドしか見ることができませんでした。 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を使用することはできません。 class="ipv4"へid="ipv4"を変更してみてください

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

Answer 2

idは、グローバル一意識別子です。これは、ページ上の1つの要素に対してのみ使用されるはずです。同じidが繰り返されている場合は、通常最初のものだけが選択されますが、それは変わる可能性があります。別の要素にipv4を適用する場合は、それをクラスにする必要があります。

class="ipv4"

とそれを反映するためのjQueryを変更：

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

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