IP-Maskierung HTML-Eingabe-Formular mit jQuery

Also muss ich die Validierung einer Eingabe-Feld zu akzeptieren IP-Adressen.

<form method="POST">
    <input type='text' placeholder='xxx.xxx.xxx.xxx' name='IP'>
</form>

Da es keine IP-Wert für das Attribut type, die ich brauchen würde, bestätigen Sie mit Javascript oder einige client-seitige Sprache. Ich habe bis zu diesem jQuery snippet mit einem Maske Bibliothek.

jQuery(function($){
   $("input").mask("9?99.9?99.9?99.9?99", {placeholder:" "});
});

Dieser aber funktioniert nicht auf meiner Seite. Hier ist, wie ich die Skripte (gerade aus).

<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.3.1/dist/jquery.maskedinput.js" type="text/javascript"></script>

Auch, selbst wenn ich es Schaffe um diese Arbeit zu machen, es ist noch nicht die beste option, da die zwei-stellige Teile einer IP-Adresse nicht richtig dargestellt (d.h. 84.55.11.499). Also meine Fragen sind:

  1. Warum funktioniert der obige code nicht funktioniert, auf meinem Ende aber doch auf JSFiddle?
  2. Wie Filtere ich zwei-stelligen IP-Adressen mit der Maske Bibliothek?

InformationsquelleAutor Levis Foster | 2014-06-24

  1. 12

    Ich weiß, ist spät, ich weiß, Sie brauchen, jQuery, aber nur für den Fall, dass Sie nicht wusste, dass es in HTML5 können Sie pattern-Attribut mit einem regulären expresion...

    Beispiel: 

    <input required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$">

    Dass regelmäßige expresion überprüft, IP-Adressen, wie:

    xxx.xxx.xxx.xxx
x.x.x.x
xx.xx.xx.xx
x.xx.xxx.xx

    InformationsquelleAutor Iván Sixto López

  2. 2

    Ich sehe, du bist bereits ein jQuery plugin - versuchen Sie, diese eine, die hat ein voll funktionsfähiges IP-Maske

    Dieses plugin hier

    so wird ' s gemacht:

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

    oder identisch - etwas kürzer:

     $('.ip_address').mask('099.099.099.099');

    das Letzte Beispiel ist die Letzte Zeile in meinem fiddle Beispiel

    laut dem jQuery-Maske docs :

    0: Nur Zahlen.

    9: Nur Zahlen, sondern optional.

    du siehst also - 099.099.099.099, wenn Sie wollten, zu zwingen, 2 Ziffern, die zwischen dezimal 009.009.009.009

    Nicht wirklich meine Fragen beantworten.
    ja, es funktioniert, wenn Sie sich entschieden haben, um dieses plugin verwenden - verwenden Sie die code-Zeile habe ich gezeigt. Dies ist, wie die Maske mit der Dezimalstellen - jeder Abschnitt mindestens eine Zahl , aber 3 Nummern . Dies sind die Regeln für IP-Adressen-Textfeld
    jsfiddle.net/54hh2/1
    sehen Sie hier arbeiten - ich klebte die minified-Maske javascript gibt , ist es einfacher war, dann hochladen.... jsfiddle.net/54hh2/2
    Ja aber es immer noch nicht zählen Sie 2-stellige zahlen als Teil einer IP-Adresse.

    InformationsquelleAutor Scott Selby

  3. 0

    Ich weiß, dieser Beitrag ist alt, Aber ich denke der folgende code ist die richtige Antwort.

    Beispiel:

    <input type="text" class="form-input" id="ipv4" name="ipv4" placeholder="xxx.xxx.xxx.xxx"/>

    Jquery-code

    var ipv4_address = $('#ipv4');
ipv4_address.inputmask({
   alias: "ip",
   "placeholder": "_"
});

    Diesen code in codepen

    InformationsquelleAutor Elham AM

Schreibe einen Kommentar