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

问题描述

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

我正在尝试使用SweetAlert2在第一个警报中说 “用户，请检查我们发送到[e-mail]的邮件以确认您的帐户” 然后在第二个警报中显示一个用于输入的文本框，用户可以在其中输入验证码，如果此验证码与数据库中的验证码相同，则将激活您的帐户，否则显示另一个SweetAlert2错误，提示验证码不匹配。 我不确定我是否正确理解SweetAlert2，但是我是Web编程的新手，但是，这是我尝试执行的代码： [编辑，不知道为什么它不显示第一个“ if（状态）...作为代码]

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 [e-mail] to confirm your account",icon: "question",}).then(() => {
    Swal.fire({
      title: "Insert the confermation code we sent you via-mail",}).then((result) => {
      // get DatabaseCode
      if (result == DatabaseCode) {
        //code matched database code
        const answer = result.value;
      } else {
        Swal.fire({
          title: "Codes don't match",});
      }
    });
  });