Как автоматически отформатировать номер телефона, используя Angular - PullRequest
0 голосов
/ 01 марта 2020

В Angular Я установил номер мобильного телефона как (888) 8888-888, а максимальная длина записи равна 13 и событие нажатия клавиши для автоматического форматирования шаблона для автоматического нажатия скобки и нажатия sh, но в мобильном автоформате не работает: требуется 13 номер в качестве мобильного номера.

<ion-label stacked>MOBILE (OPTIONAL)</ion-label>
<ion-input name="mobile1" placeholder="(888)888-8888" maxlength="13" class="hoverBorder"
   (keypress)="checkMobileLength($event.target.value,'buyer')" type="text" formControlName="mobile1"
   [class.invalid]="!signupBuyer.controls.mobile1.valid && (signupBuyer.controls.mobile1.dirty || submitAttempt)">
</ion-input>

checkMobileLength(val, data) {
   if (data == 'buyer') {
      if (val.length == 3) {
         this.signupBuyer.controls.mobile1.setValue('(' + val + ')')
      } if (val.length == 8) {
         this.signupBuyer.controls.mobile1.setValue(val + '-')
      }
   } else if (data == 'agent') {
      if (val.length == 3) {
         this.signup1.controls.mobile1.setValue('(' + val + ')')
      } if (val.length == 8) {
         this.signup1.controls.mobile1.setValue(val + '-')
      }
   }
}

1 Ответ

0 голосов
/ 02 марта 2020

Попробуйте использовать (ionChange) вместо (нажатие клавиши)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...