Angular 4手机号验证

发布时间：2020-12-17 18:01:11 所属栏目：安全来源：网络整理

导读：我想使用Angular 4验证手机号码,它不应接受除最多10位数字以外的任何字符. 以下是我的代码, input type="text" formControlName="mobileNo" minlength=10 maxlength=10 解决方法 input type="text" (keypress)="keyPress($event)" minlength=10 maxlength=10

我想使用Angular 4验证手机号码,它不应接受除最多10位数字以外的任何字符.

以下是我的代码,

<input type="text" formControlName="mobileNo" minlength=10 maxlength=10>

解决方法

<input type="text" (keypress)="keyPress($event)" minlength=10 maxlength=10>


  keyPress(event: any) {
    const pattern = /[0-9+- ]/;

    let inputChar = String.fromCharCode(event.charCode);
    if (event.keyCode != 8 && !pattern.test(inputChar)) {
      event.preventDefault();
    }
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!