SweetAlert2 - 从文本框中获取用户输入并进行比较(使用队列)

SweetAlert2 - take the user input from textbox and compare it (using queues)

这是问题的上下文: 我有一个包含用户的数据库,每个用户在第一次登录网站时都会收到发送到他们电子邮件的验证码,以证明他是用于登录的邮件的所有者。然后加密并保存此代码也作为用户属性添加到数据库。

我正在尝试使用 SweetAlert2 在第一个警报中说 “用户,请查看我们发送至 mail@mail.com 的邮件以确认您的帐户” 并在第二个警报中显示用于输入的文本框,用户在其中插入验证码,如果这与数据库中的验证码相同,则激活您的帐户,否则显示另一个 SweetAlert2 错误,说明代码不匹配。 我不确定我是否正确理解 SweetAlert2,我是网络编程的新手,但是,这是我尝试执行的代码: [编辑,不知道为什么它不显示第一个“if (status)...作为代码]

if (status) {
    Swal.queue([{
        title: 'Registration success!',
        confirmButtonText: 'Ok',
        text: $("#firstname").val() + ', check the mail we sent to ' + $("#email").val() + ' to confirm your account',
        'type': 'success'
    }])

    Swal.insertQueueStep({
        title: 'Insert the confermation code we sent you via-mail',
        input: 'text'
    }).then((result) => {
        if (result) {
            const answer = result.value;
            //check
        } else {
            Swal.insertQueueStep({
                title: 'Codes don\'t match',
                'type': 'error'
            })
        }
    })
}

不起作用。任何人都可以帮助我吗?谢谢!

这对你有用吗?

     Swal.fire({
    title: "Insert the confermation code we sent you via-mail",
    input: "text",
  }).then((result) => {
    // get DatabaseCode
    if (result == DatabaseCode) {
      //code matched database code
      const answer = result.value;
    } else {
      Swal.fire({
        title: "Codes don't match",
        icon: "error",
      });
    }
  });

或者这个

Swal.fire({
    text:
      "user, check the mail we sent to mail@mail.com to confirm your account",
    icon: "question",
  }).then(() => {
    Swal.fire({
      title: "Insert the confermation code we sent you via-mail",
      input: "text",
    }).then((result) => {
      // get DatabaseCode
      if (result == DatabaseCode) {
        //code matched database code
        const answer = result.value;
      } else {
        Swal.fire({
          title: "Codes don't match",
          icon: "error",
        });
      }
    });
  });