前言
小编最近在做ionic项目的时候,在信息处理方面碰到了这么个事,手机号输入框需要验证手机号格式的及其正确性,但是官网提供的封装好的东西又不好使,于是,小编有了下面的解决办法
// HTML代码
<ion-item lines="none">
<ion-label><span style="color:red">*</span>联系方式</ion-label>
<ion-input placeholder="请输入联系电话" type="tel" maxlength="11" minlength="11" style="text-align:right;" (ionBlur)="changePhone(mymodel.phone)" [(ngModel)]="mymodel.phone" required onkeyup="this.value=this.value.replace(/\D/g,'')"></ion-input>
</ion-item>
// TS代码
changePhone(value) {
// 去除空格
const phone = value.replace(/\s/g, '');
const ischeck = /^(13[0-9]|14[5|7|9]|15[0|1|2|3|5|6|7|8|9]|16[6]|17[0|1|2|3|5|6|7|8]|18[0-