ionic 2で電話番号の検証を行うにはどうすればいいですか？

ionic 2に電話番号の検証を作成したいのですが、intlpnIonicの例がありますが、ionic 1に作成されています。だから私は下の画像のようにしたい：ionic 2で電話番号の検証を行うにはどうすればいいですか？

だから私の質問：私は画像のような電話の検証を作成できますか？

2016-11-24 mahmoudismail

私はintl-tel-inputという名前のサードパーティライブラリを使用しています。アプリのファイルのいずれかが

import $ from "jquery";

ようjqueryをインポート内

の1-

はまず、

npm install --save jquery

今のjQueryをインストールし、それが

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

2のように使用します - install intl-tel-inputライブラリアプリのファイルのいずれかの内に今

npm install intl-tel-input --save

は、

import 'intl-tel-input';

と以下のように使っているようint-tel-inputをインポート：

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">

イオン性情報

お使いのシステム情報：

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

出典

2016-12-06 13:31:07 mahmoudismail

私はionic2バージョンでこれを試しましたが、動作しません。これをionic2に追加する正しい方法ですか？ – Optimus

@Optimusはいそれは正しいですし、私のプロジェクトで正常に動作します。 – mahmoudismail

ベストの方法は、あなたは、コードの下に確認することができますまた、

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

ここでそれを確認することができます

static isValidMobile(control: FormControl): any { 

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

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

私の魅力のように動作します...

出典

2017-01-26 07:08:00

ionic 2で電話番号の検証を行うにはどうすればいいですか？

答えて

関連する問題