如何在typescript中验证TextField中的数字(Ionic Framework)

时间:2017-12-29 04:11:47

标签: html angular forms ionic-framework

我想验证 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>

2 个答案:

答案 0 :(得分:1)

你可以使用这样的东西。

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

使用模式。

答案 1 :(得分:1)

您可以使用type="tel",这样用户只能输入数字。