JQuery oder Javascript Input-IP-Adresse Maske

Habe ich verwendet jquery masked input plugin wie pro stackoverflow-Frage

Eingabefeld für die wechselnde IP-Adresse

aber Es hat nicht für mich gearbeitet .

Ich habe es wie $("input").mask("9?99.9?99.9?99.9?99", {placeholder:" "});

Diese demo (http://jsfiddle.net/3F2gM/3/ ) fand ich in der vorherigen Frage , aber es hat nicht funktioniert

Dass man sieht, für mich zu arbeiten, was genau meinst du denn nicht hier arbeiten?
Die Maske plugin funktioniert nicht mit IP-Adresse angegeben. Es schränkt nicht ein Eingang zwischen 1-255. Siehe die zweite Antwort in der verlinkten Frage.
an diesem Beispiel jsfiddle.net/3F2gM/3 bitte geben Sie 123.123.123.123 als IP-und lassen Sie einfach die textbox

InformationsquelleAutor Miqdad Ali | 2013-01-17

  1. 6

    Klappte es bei mir auf diese Weise:

    Ersten, ich habe jquery-Maske im html:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>

    Dann tippte ich den text ein Feld mit der Klasse .IP-Adresse:

    <label>ip:</label> <input class="ip_address" type="text" name="ip">

    letztes:

    $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', { translation: { 'Z': { pattern: /[0-9]/, optional: true } } });

    InformationsquelleAutor Joel Valdivia

  2. 3

    Diese kann Ihnen helfen:-

    Ich habe 4 Eingabefelder, in jede seiner Grenze war versteckt. Nur das übergeordnete Element das input-Feld hat die Grenze, die machen es zu schauen, wie Sie ein einzelnes Textfeld.
    Danach, dem Benutzer zu ermöglichen, geben Sie nur 3 Zeichen mit maxLength, sobald der Benutzer erreicht die maximale Länge, den Fokus auf das nächste Feld.

    Der code folgt:- Link

    HTML 

    <div>    
<input type="text" maxlength="3" class="onlythree" />.    
<input type="text" maxlength="3" class="onlythree" />.    
<input type="text" maxlength="3" class="onlythree" />.    
<input type="text" maxlength="3" class="onlythree" />    
</div>

    CSS 

    .onlythree{    
width: 50px;    
border: 0;    
}    
div{    
border: 1px solid gray;    
display: inline-block;    
}

    JS

    $(".onlythree").keyup(function () {    
if (this.value.length == this.maxLength) {    
$(this).next('.onlythree').focus();    
}    
});
    vielen Dank für diese, einfach und es funktioniert

    InformationsquelleAutor sasi

  3. 2

    Eigentlich brauchte ich etwas ähnliches wie das, was Sie brauchte und was ich Tat, war, Kontakt mit Igor Escobar, der Autor von Jquery-Plugin Maske. Es ist nicht eine vollständige gebaut in der Weise, die es noch schaffen, so er verwies mich an eine option, die dies erreicht werden könnte, und hier Teile ich das Ergebnis:.

    HTML

    <input type="text" id="networkSectionIpAddress" class="ip_address" >

    Javascript:

    var options =  { 
            onKeyPress: function(cep, event, currentField, options){
//           console.log('An key was pressed!:', cep, ' event: ', event,'currentField: ', currentField, ' options: ', options);
                if(cep){
                  var ipArray = cep.split(".");
                  var lastValue = ipArray[ipArray.length-1];
                  if(lastValue != "" && parseInt(lastValue) > 255){
                      ipArray[ipArray.length-1] =  '255';
                      var resultingValue = ipArray.join(".");
                      currentField.attr('value',resultingValue);
                  }
            }             
        }};

        $('.ip_address').mask("000.000.000.000", options);

    Ich hoffe, diese Informationen sind hilfreich für diejenigen, die sich mit diesem großen JQuery-Maske plugin 🙂

    InformationsquelleAutor will824

  4. 1

    Ich löste das problem anders. In dem obigen Beispiel, die einzige änderung ist das Letzte Oktett, ich alles ändern, weil für die schnelle Inbetriebnahme kann die Eingabe von zahlen größer als 255. Darüber hinaus, wenn man durch firebug, der Wert wird in der Eingabe, und der angezeigte text ist der gleiche wie der Benutzer eingibt.

    HTML

    <input type="text" name="vpn_ip" class="mask-ipv4" value="">

    Java Script

    var options =  { 
    onChange: function(cep, event, currentField, options){
        if(cep){
            var ipArray = cep.split(".");
            for (i in ipArray){
                if(ipArray[i] != "" && parseInt(ipArray[i]) > 255){
                    ipArray[i] =  '255';
                }
            }
            var resultingValue = ipArray.join(".");
            $(currentField).val(resultingValue);
        }
    }
};

$('.mask-ipv4').mask("000.000.000.000", options);
    Andere Sprachen als Englisch sind hier nicht angebracht, betrachten Sie die übersetzung Ihrer Antwort.

    InformationsquelleAutor vakorovin

  5. 0

    Joel Valdivia Antwort nicht, stellen Sie sicher, dass jeder Eintrag in den ip-Bereich <= 255, und will824 Antwort nicht < 3 Ziffern für ein Element.

    Hier ist ein vollständiges Beispiel, basierend auf Ihren Antworten, die erfüllt beide Kriterien.

    var options =  { 
    onKeyPress: function(text, event, currentField, options){
                    if (text){
                        var ipArray = text.split(".");
                        var lastValue = ipArray[ipArray.length-1];
                        if(lastValue != "" && parseInt(lastValue) > 255){
                            ipArray[ipArray.length-1] = '255';
                            var resultingValue = ipArray.join(".");
                            currentField.text(resultingValue).val(resultingValue);
                        }
                    }             
                },
    translation: {
            'Z': {
                pattern: /[0-9]/, optional: true
            }
    }
};

$(".ipaddr").mask("0ZZ.0ZZ.0ZZ.0ZZ", options);

    InformationsquelleAutor t_m27

Schreibe einen Kommentar