html-Eingabe-pattern für eine Telefonnummer

Ich brauche Sprüche wie z.B. [ 081 222 2224 ] mit Ziffern Grenze von 10 ..
Dies ist mein Versuch

    <form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone"  pattern="[0-9]{10}"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>
   </form>

http://jsfiddle.net/hbmhjt0r/

  • was ist das problem, Sie wollen eine bessere regex, Sie haben noch mehr Einschränkungen?
  • Sie können einfügen maxlength="10" für die Ziffern begrenzen
  • ich brauche Leerzeichen zwischen den Ziffern wie ich oben gezeigt [081 222 2224]
  • pattern="^\d{3}-\d{3}-\d{4}$"
  • maxlenght nicht das problem sein, funktionieren mit dem Muster {10} ich brauche Leerzeichen zwischen den Ziffern, wie ich gezeigt
  • Schaut mal in diesen link, hoffe ull get ur Antwort digitalbush.com/projects/masked-input-plugin
  • Überprüfen Sie meine plunker für Sie beantworten, hoffe, es wird für Sie arbeiten plnkr.co/Bearbeiten/VSxjB0WROhWg0jHXEXQg?p=Album Vorhören
  • seine arbeiten gut, danke
  • verwenden Sie nicht den Typ "tel". Nur safari unterstützt. Niemand nutzt Safari...
  • wenn einer browse über mobile tel-Typ standardmäßig laden Sie die Anzahl pad
  • Wenn jemand das durchsuchen der Seite auf dem IPHONE mit SAFARI. Jemand, der sich nicht auf ein iphone, und sogar iphone-Nutzer, die Chrome verwenden, wird nicht funktionieren. Es ist deine Ohren Mann, Sie tun, was auch immer! Aber mit etwas, das wird nur unterstützt, auf einer der am wenigsten beliebte Browser ist nicht eine gute Praxis auf allen... Auch wenn Chrome war der einzige browser, den Sie unterstützen, ich würde es nicht empfehlen... Also, wenn es nur safari... definitiv nicht! Aber Sie, Sie tun, Mann! Es ist Ihr code!
  • der Punkt ist, dass es wird funktionieren nur auf Handys. Trotzdem, es scheint, wie Sie Ihren Verstand gemacht haben schon. Ich weiß, ich werde NIE eine website, die funktioniert nur in Safari. Oder sogar eine Website, die funktioniert auf allen Handys, nicht aber PCs. Wenn Sie etwas wollen, dass funktioniert nur für Handys, die Sie machen eine mobile app. Nicht eine website. Aber wieder, es ist Ihr eigenes Projekt, und Sie tun Sie!
  • Spec: HTML-spec Abschnitt 5.2 4.10.5.3.6. Das Attribut pattern

InformationsquelleAutor Nasik Ahd | 2015-10-02
  1. 9

    erreichen Sie Ihr Ergebnis mit den nachstehenden änderungen in Ihrem code::

    <form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone" placeholder="888 888 8888" pattern="[0-9]{3} [0-9]{3} [0-9]{4}" maxlength="12"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>    </form>

    Für Ihre Referenz klicken Sie hier

    JSFiddle Demo

    • Ich denke, dass Sie noch nicht eingecheckt haben, den chrome-browser, noch funktioniert es Prima im firefox. gute Arbeit
    • Christian danken, die Ihre Arbeit kühl..
    • danke für diese Lösung, aber der Benutzer kann eingeben, Zeichen wie "etwas" im inneren Eingang
    • Danke, auch wenn "tel" ist nicht ein standard-bye selbst, das Muster funktioniert perfekt
    • href="https://www.w3.org/TR/html51/sec-forms.html#telephone-state-typetel" >es ist, wenn
    InformationsquelleAutor
  2. 2

    patern="[0-9]{3} [0-9]{3} [0-9]{4}"

    Dies erfordert die Benutzer, um in Räume wie diese 012 345 6789, wenn Sie wollen, dass die Räume werden automatisch Hinzugefügt, sollten Sie javascript im onchange von input.
    Hinzufügen onchange="this.value=addSpaces(this.value);" an den Eingang und sehen, ob das funktioniert:

    function addSpaces(initail){
        initial.replace("/([0-9]{3})/","\1 ");
        initial.replace("/[0-9]{3} ([0-9]{3})/","\1 ");
        return initial;
    }
    • Ich denke initail ist ein Tippfehler.
    InformationsquelleAutor x13
Schreibe einen Kommentar