在表單提交上創建彈出式感謝信息

Question

我只是將電子郵件注冊表單添加到了登錄頁面，並且可以正常工作（使用Firebase作為后端btw）。 但是，我想重定向到“ thankyou.html ”頁面，或者在提交時顯示彈出的感謝消息 。

我該如何運作？ 我知道這可能很容易，但是我是新手。

這是我正在使用的代碼。 此腳本包含在html中：

`<script>
var signupForm = document.getElementById('signup-form');
var signupSuccess = document.getElementById('signup-success');
var signupError = document.getElementById('signup-error');
var signupBtn = document.getElementById('signup-button');
var onSignupComplete = function(error) {
  signupBtn.disabled = false;
  if (error) {
    signupError.innerHTML = 'Sorry. Could not signup.';
  } else {
    signupSuccess.innerHTML = 'Thanks for signing up!';
    // hide the form
    signupForm.style.display = 'none';
  }
};
function signup(formObj) {
    // Store emails to firebase
    var myFirebaseRef = new      Firebase("https://crowdfluttr.firebaseio.com/signups");
    myFirebaseRef.push({
      email: formObj.email.value,
    }, onSignupComplete);
    signupBtn.disabled = true;
    return false;
}

`

---

同樣在HTML中：

<div class="signup">
<p id="signup-success" class="text-success" role="alert"></p>
<p id="signup-error" class="text-danger"></p>
<form class="signup-form form-inline" id="signup-form" role="form" onsubmit="return signup(this)">
    <input class="form-control" style="width:250px" name="email" type="email" placeholder="Your email goes here!" required>
    <button class="btn btn-info" id="signup-button" type="submit" >Request Early Access</button>
</form>

任何幫助表示贊賞！

Answer 1

您可以使用

window.location.replace("thankyou.html");

您的代碼如下所示：

function signup(formObj) {
  // Store emails to firebase
  var myFirebaseRef = new Firebase("https://crowdfluttr.firebaseio.com/signups");
    myFirebaseRef.push({
    email: formObj.email.value,
  }, onSignupComplete);
  signupBtn.disabled = true;
  // Redirect user to thank you page
  window.location.replace("thankyou.html");
  return false;
}