如何在打字稿中验证 TextField 中的数字（Ionic 框架）答案

【问题标题】：How To Validate Number in TextField in typescript (Ionic Framework)如何在打字稿中验证 TextField 中的数字（Ionic 框架）
【发布时间】：2017-12-29 17:02:32
【问题描述】：

我想验证 IC NUMBER 文本字段的输入字段中是否仅输入数字。我应该如何将用户输入的输入解析成 int？

<form>
    <ion-list>

      <ion-item>
        <ion-input type="text"  placeholder="USERNAME" ></ion-input>
      </ion-item>

      <ion-item>
        <ion-input type="password"  placeholder="PASSWORD"></ion-input>
      </ion-item>

      <ion-item>
        <ion-input type="text"  placeholder="IC NUMBER"></ion-input>
      </ion-item>

             <div padding>
           <button ion-button   color="dark" block>SUBMIT</button>
        </div>
     </ion-list>
</form>

【问题讨论】：

您可能想使用joshmorony.com/advanced-forms-validation-in-ionic-2 来验证用户输入的内容。
input type="number" 应该可以工作

标签： html angular forms ionic-framework

【解决方案1】：

你可以使用这样的东西。

<input type="text" class="form-control" ngModel required pattern="\d">

使用模式。

【讨论】：

【解决方案2】：

您可以使用type="tel"，这将允许用户仅输入数字。

【讨论】：