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

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


我尝试使用 SweetAlert2 在第一个警报中说“用户,检查我们发送到mail@mail.com 的邮件以确认您的帐户”,并在第二个警报中显示一个用于输入的文本框,用户在其中插入验证码并且,如果这与数据库中的相同,则激活您的帐户,否则显示另一个 SweetAlert2 错误,指出代码不匹配。我不确定我是否正确理解了 SweetAlert2,我是网络编程新手,但是,这是我尝试执行的代码:[编辑,不知道为什么它不显示第一个“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'

            })

        }

    })

}

不起作用。有人可以帮助我吗?谢谢!


交互式爱情
浏览 129回答 1
1回答

德玛西亚99

这对你有用吗?     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",        });      }    });  });
打开App,查看更多内容
随时随地看视频慕课网APP