Question

我想在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',
          requiered: 'true',
        },
        inputValue: code2_fa,
        animation: true,
        allowEnterKey: true,
        inputAutoTrim: true,

      })
  }

我正在使用Angular 6，其目的是显示模式，以便用户可以输入其身份验证代码。

Answer 1

如果要使用普通的javascript，则可以使用onBeforeOpen的{{1}}属性来为输入中的按键事件注册处理程序，例如：

swal

以上实现是一个非常简单的按键检测器，如果按键不是数字，则返回onBeforeOpen: () => { swal.getInput().onkeypress = (event) => { return Number.isInteger(parseInt(event.key)) } }。

该运行的实现可以在https://three-keeper.glitch.me/

看到

SweetAlert2中的数字掩码

1 个答案: