时间戳

首页 > 解决方案 > 在另一个文件上完成注册后在另一个文件上显示模式

javascript - 在另一个文件上完成注册后在另一个文件上显示模式

问题描述

当我点击它提交时，我有一个注册按钮，如果注册成功，将重定向到另一个页面，然后显示模式我应该有什么代码来实现这个？

登记：

<input type="submit" class="btn form-control color-white mwc-orange-background-color" id="register" name="register" value="REGISTER">

MODAL：（这也是注册成功并提交后重定向到的 HTML 文件）

<div id="myModal" class="modal">

  <div class="modal-content">
    <div class="modal-header">
      <span class="close">&times;</span>
      <h2>Welcome, New White Card Holder!</h2>
    </div>
    <div class="modal-body">
      <h3>Congratulations! you are entitled for a 30-day free trial of our <img src="../img/ribbon-elite.png" class="small-icon"> Elite Membership.</h3>
      <h3>You may begin browsing our cards right away as soon as you close this window</h3>
      <h3>Also, if you wish to avail of our other membership options, <a href="membership.php">click here.</a></h3>
      <h3>Enjoy a wealth of deals for wellness!</h3>
      <br>
    </div>
  </div>
</div>

我有这个 javascript 触发模式，但 id 想知道在提交注册时如何执行此操作。

var modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
  modal.style.display = "block";
}

span.onclick = function() {
  modal.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

我想我不能将模式完全放在注册文件中，因为它只是重定向到另一个页面。

将感谢任何编码帮助谢谢

更新：这是我根据提供的示例所尝试的

<?php
if(isset($_POST['register']) && $_POST['register'] == 'REGISTER') {
  ?>
  <script>
  $(window).load(function(){
  $('#myModal').modal('show');
  });
  </script>
 <?php
  }
?>

我的 if 条件 "if(isset($_POST['register']) && $_POST['register'] == 'REGISTER')" 与注册有效时有效的同一行。我认为它会对“.modal（'show'）”做同样的事情，但模态不会出现。

PS。我补充说，如果注册成功后重定向的页面上的条件。

标签： javascriptphphtml

解决方案

注册是否重定向到可以使用或不使用模式打开的一些通用页面？

如果是这样，您可以使用 GET 参数。
例如 some-page?showModal=true

然后根据该参数的值，您可以决定是否显示给定页面的模式 onLoad。

推荐阅读