Wie kann ich eine Telefonnummer Validierung in ionic 2 erstellen?

Question

Ich mag eine Telefonnummer Validierung in ionic 2 erstellen, und ich habe ein Beispiel finden intlpnIonic aber es erstellt in ionic 1. also möchte ich wie unten image:

Also meine Frage: Wie kann ich ein Telefon Validierung wie Bild erstellen ?.

Answer 1

ive Dritte Bibliothek intl-tel-input namens verwendet.

1- Erste jQuery

npm install --save jquery 

Jetzt installieren, ein in den App-Dateien jquery wie

import $ from "jquery"; 

importieren und es wird wie

$('#elemId').width(); 

2 mit - Installiere Intl-Tel-Eingabe Bibliothek

npm install intl-tel-input --save 

nun innerhalb jeder der App-Dateien importieren int-tel-input wie

import 'intl-tel-input'; 

und mit wie unten:

ngOnInit(): any { 
    let telInput = $("#elemtId"); 
    let output = $("#output"); 

    telInput.intlTelInput(); 
    // listen to "keyup", but also "change" to update when the user selects a country 
    telInput.on("keyup change", function() { 
     var intlNumber = telInput.intlTelInput("getNumber"); 
     if (intlNumber) { 
     output.text("International: " + intlNumber); 
     } else { 
     output.text("Please enter a number below"); 
     } 
    }); 
    } 

home.html

<p id="output">Please enter a number below</p> 
<input id="elemtId" type="tel"> 

ionische info

Ihre Systeminformationen:

Cordova CLI: 6.3.1 
Ionic Framework Version: 2.0.0-rc.3 
Ionic CLI Version: 2.1.12 
Ionic App Lib Version: 2.1.7 
Ionic App Scripts Version: 0.0.45 
ios-deploy version: 1.9.0 
ios-sim version: 5.0.8 
OS: OS X El Capitan 
Node Version: v5.12.0 
Xcode version: Xcode 7.3 Build version 7D175 

Answer 2

Beste Methode können Sie es hier ansehen

http://www.moodycoder.com/custom-validator-method/

auch können Sie unter Code überprüfen

static isValidMobile(control: FormControl): any { 

    let regExp = /^[0-9]{10}$/; 

    if (!regExp.test(control.value)) { 
     return {"invalidMobile": true}; 
    } 
    return null; 
} 

es wie ein Zauber funktioniert für mich ...