为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

PHP
交互式爱情 2023-10-01 10:13:05
这是问题的背景:我有一个包含用户的数据库,每个用户在第一次登录网站时都会收到发送到他们的电子邮件的验证码,以证明他是用于登录的邮件的所有者. 然后,该代码也被加密并保存到数据库中,作为用户属性。我尝试使用 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'            })        }    })}不起作用。有人可以帮助我吗?谢谢!
查看完整描述

1 回答

?
德玛西亚99

TA贡献1770条经验 获得超3个赞

这对你有用吗?


     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",

        });

      }

    });

  });



查看完整回答
反对 回复 2023-10-01
  • 1 回答
  • 0 关注
  • 128 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信