Angular 4手机号码验证 [英] Angular 4 Mobile number validation

问题描述

我想使用Angular 4验证移动电话号码，除了最多10位数字的号码外，它不应接受任何其他字符.

I want to validate a mobile number using Angular 4 and it should not accept any characters other than numbers up to just 10 digits.

下面是我的代码，

<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();
    }
  }

这篇关于Angular 4手机号码验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！