Числовая маска в SweetAlert2 - PullRequest
Новая
       9

Числовая маска в SweetAlert2

0 голосов
/ 19 ноября 2018

Я хотел бы поставить числовую маску на входе sweetalert2, вы можете мне помочь?мой код: 

onClick(btn) {
    let code2_fa = '';
    if (JSON.parse(localStorage.getItem('user')).password.two_factors.is_active) {
      swal({
        title: 'Digite o TOKEN para prosseguir',
        imageUrl: './assets/imgs/Authy.svg',
        imageAlt: 'Logo Authy',
        input: 'text',
        inputPlaceholder: 'Digite o TOKEN...',
        inputAttributes: {
          maxlength: '6',
          autofocus: 'true',
          required: 'true',
        },
        inputValue: code2_fa,
        animation: true,
        allowEnterKey: true,
        inputAutoTrim: true,

      })
  }

Я использую Angular 6, я хочу показать модальный режим, чтобы пользователь мог ввести свой код авторизации.

1 Ответ

0 голосов
/ 19 ноября 2018

Если вы хотите использовать vanilla javascript, вы можете использовать свойство onBeforeOpen swal, чтобы зарегистрировать обработчик для событий нажатия клавиш на входе, например: 

onBeforeOpen: () => {
  swal.getInput().onkeypress = (event) => {
    return Number.isInteger(parseInt(event.key))
  }
}

Приведенная выше реализация представляет собой очень простой детектор нажатия клавиш, который возвращает false, если нажатая клавиша не является числом.

Работающую реализацию этого можно увидеть на https://three -keeper.glitch.me /

...