Javascript 如何在ionic 2中创建电话号码验证？

我想在

ionic 2

中创建一个电话号码验证，我找到了一个示例，但它是在

ionic 1

中创建的。所以我想要下面的图片：

---

因此，我的问题是：如何创建类似于手机验证的图像？

我使用了名为的第三方库

1-首先安装jQuery

npm install --save jquery

npm install intl-tel-input --save

现在，在任何应用程序文件中导入

jquery

like

import $ from "jquery"; 

而且它会像

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

2-安装国际电话输入库

npm install --save jquery

npm install intl-tel-input --save

现在，在任何应用程序文件中导入

int tel input

like

import 'intl-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">

---

我使用了名为的第三方库

1-首先安装jQuery

npm install --save jquery

npm install intl-tel-input --save

现在，在任何应用程序文件中导入

jquery

like

import $ from "jquery"; 

而且它会像

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

2-安装国际电话输入库

npm install --save jquery

npm install intl-tel-input --save

现在，在任何应用程序文件中导入

int tel input

like

import 'intl-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">

---

您可以在这里查看的最佳方法

您也可以检查下面的代码

static isValidMobile(control: FormControl): any {

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

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

---

它对我来说就像一个符咒…

你可以在这里查看它的最佳方法

您也可以检查下面的代码

static isValidMobile(control: FormControl): any {

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

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

---

它对我来说很有魅力…

我在ionic2版本中尝试过这个，但它不起作用。这是在ionic2中添加的正确方法吗？@Optimus是的，它是正确的，在我的项目中运行良好。我在ionic2版本中尝试过这一方法，但不起作用。这是将其添加到ionic2中的正确方法吗？@Optimus是的，它是正确的，并且在我的项目中运行良好。