html 表单提交前显示提示2

rvpgvaaj  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(142)

我有一个注册帐户的代码。我希望在表单提交和页面重新加载之前显示成功警报,或者在表单成功提交后弹出成功警报。
我尝试了这段代码,我它只是提交表单并重新加载页面,但警报没有出现。
`

if ($password == $cpassword) {
   $query1 = mysqli_query($connections, $query);
     if ($query1){
      echo "
           <script type='text/javascript'>setTimeout(function () { 
                Swal.fire({
                  title: 'Success!',
                  icon: 'success',
                  text: 'Account registered!',
                  allowOutsideClick: true,
                  allowEscapeKey: true,
                  allowEnterKey: false,
                  showConfirmButton: false,
                  }); 
                },100) </script>";
              }
              
        echo "<script>window.location.href='accounts.php'</script>";
  }

`
我还尝试了另一个代码,警报工作,但表单提交两次

if ($password == $cpassword) {
              mysqli_query($connections, $query);
              echo "
              <script type='text/javascript'>setTimeout(function () { 
                Swal.fire({
                  title: 'Success!',
                  icon: 'success',
                  text: 'Account registered!',
                  allowOutsideClick: true,
                  allowEscapeKey: true,
                  allowEnterKey: false,
                  showConfirmButton: false,
                  }); 
                  },100)

                  window.setTimeout(function(){ 
                    if(!window.location.hash) {
        window.location = window.location + '#loaded';
        window.location.reload();
    }
                    } ,100);
                    </script>";
                  }
efzxgjgh

efzxgjgh1#

在触发甜蜜提醒信息后,您缺少该功能。您可以按以下方式使用:

$(document).on('click', '.delete_trigger_btn', function () {
  let redirect_url = $(this).attr('data-href');
    Swal.fire({
        title: 'Success!',
        icon: 'success',
        text: 'Account registered!',
        allowOutsideClick: true,
        allowEscapeKey: true,
        allowEnterKey: false,
        showConfirmButton: false,
    }).then(function (t) {
        if (t.value == true) {
            window.location.href = redirect_url;
        }
    });
});

您可以直接传递URL,也可以通过设置隐藏属性保留在输入字段中。
我希望这能有所帮助,这就是你正在寻找的。

相关问题