Javascript Handy-Maske für text-Feld mit regex

Ich verwende diese Funktion, um die Handy-Maske und funktioniert fast perfekt.

function mask(o, f) 
{ 
    v_obj = o; 
    v_fun = f; 
    setTimeout("execmask()", 1) 
};

function execmask() 
{ 
    v_obj.value = v_fun(v_obj.value) 
};

function mphone(v){
    v=v.replace(/\D/g,"");           
    v=v.substring(0, 11);
    v=v.replace(/^(\d{2})(\d)/g,"(OXX$1) $2"); 
    v=v.replace(/(\d)(\d{4})$/,"$1-$2"); 
    return v;
}

Hier betreibe ich die Maske in das Feld text ein:

<input type="text" id="phone" name="phone" onkeypress="mask(this, mphone);" onblur="mask(this, mphone);" />

Das problem ist, dass ich ändern müssen, diesem Teil des code (OXX$1) für (0XX$1).

Aktuelle situation mit 9 Ziffer: (OXX99) 99999-9999.

Aktuelle situation mit 8 Ziffern: (OXX99) 9999-9999.

Die richtige Formatierung, die ich brauche, mit 9-stellige: (0XX99) 99999-9999

Die richtige Formatierung, die ich brauche, mit 8-digit: (0XX99) 99999-9999

Höhe von 8 oder 9 Ziffer ist die Wahl des Benutzers.

Wenn ich die Zeichen 'O' für '0'), wird ein Fehler in der Maske.

Bitte, Hilfe!!!

InformationsquelleAutor Danilo | 2013-04-04
  1. 5
    function mask(o, f) {
    setTimeout(function () {
        var v = f(o.value);
        if (v != o.value) {
            o.value = v;
        }
    }, 1);
}

function mphone(v) {
    var r = v.replace(/\D/g,"");
    r = r.replace(/^0/,"");
    if (r.length > 10) {
        //11+ digits. Format as 5+4.
        r = r.replace(/^(\d\d)(\d{5})(\d{4}).*/,"(0XX$1) $2-$3");
    }
    else if (r.length > 5) {
        //6..10 digits. Format as 4+4
        r = r.replace(/^(\d\d)(\d{4})(\d{0,4}).*/,"(0XX$1) $2-$3");
    }
    else if (r.length > 2) {
        //3..5 digits. Add (0XX..)
        r = r.replace(/^(\d\d)(\d{0,5})/,"(0XX$1) $2");
    }
    else {
        //0..2 digits. Just add (0XX
        r = r.replace(/^(\d*)/, "(0XX$1");
    }
    return r;
}

    http://jsfiddle.net/BBeWN/

    • Okay, Super. Danke!!! Aber ich vergaß, um anzugeben, ein detail: Wenn das Telefon hat 8 Ziffern, die Formatierung sollte wie folgt sein: (0XX99) 9999-9999, Wenn das Telefon haben 9 Ziffern, die wie folgt aussieht: (0XX99) 99999-9999 Höhe von 8 oder 9 Ziffer ist die Wahl des Benutzers. Was sollte ich ändern, um diese Funktion? Dankbar
    • Ich habe meinen Beitrag aktualisiert, und link.
    • Okay, funktioniert perfekt!! Danke!!!
    • Ich schlage vor, starten Sie mit der Maske nur nach dem ersten char, da können wir klar den gesamten Wert. Ich empfehle auch das hinzufügen der - nur, wenn r.length > 6, so löschen char durch char (backspace) halten diese Funktion arbeitet.
    InformationsquelleAutor Markus Jarderot
  2. -3

    Ich Liebe diese Funktion und ich benutze es die ganze Zeit. Ich habe 2 andere Masken, wenn jemand Sie braucht. Ich verstehe, dass Sie nicht direkt die Frage beantworten, aber Sie sind super nützlich.

    //Social Security Number for USA
 function mssn(v) {
    var r = v.replace(/\D/g,"");
    r = r.replace(/^0/,"");
    if (r.length > 9) {
        r = r.replace(/^(\d\d\d)(\d{2})(\d{0,4}).*/,"$1-$2-$3");
        return r;
    }
    else if (r.length > 4) {
        r = r.replace(/^(\d\d\d)(\d{2})(\d{0,4}).*/,"$1-$2-$3");
    }
    else if (r.length > 2) {
        r = r.replace(/^(\d\d\d)(\d{0,3})/,"$1-$2");
    }
    else {
        r = r.replace(/^(\d*)/, "$1");
    }
    return r;
}

//USA date
function mdate(v) {
   var r = v.replace(/\D/g,"");
   if (r.length > 4) {
    r = r.replace(/^(\d\d)(\d{2})(\d{0,4}).*/,"$1/$2/$3");
   }
   else if (r.length > 2) {
    r = r.replace(/^(\d\d)(\d{0,2})/,"$1/$2");
   }
   else if (r.length > 0){
         if (r > 12) {
           r = "";
         }
   }
   return r;
}
    • Dies ist nicht eine Antwort zu OP ' s Frage.
    • wahr. Ich weiß nur, dass es war wirklich nützlich für mich, und ich wollte nicht wirklich wissen, wo Sie diese hinzufügen
    • Vielleicht versuchen Sie das schreiben eines blog-post über diese Funktionen zu teilen?
    • Ich habe keinen blog. Gibt es einen Ort in StackOverflow für meine Vorlage, das ist im Grunde ein add-on zu einem früheren [etwas im Zusammenhang] der Einreichung?
    • Ich erstellte ein Beispiel arbeiten auf meiner Website: kustomweb.com/mask.php
    InformationsquelleAutor Nicolas Giszpenc
Schreibe einen Kommentar