我有一個簡單的表格來獲取用戶的電子郵件地址。但我還需要獲取用戶的姓名和年齡，并在頁面中只顯示一次。當用戶提交他的姓名和年齡時，它將使用 HTML JavaScript DOM 顯示在同一頁面中。現在我需要做的是，一旦用戶提交他的電子郵件，我想阻止整個頁面重繪 ，因為它會清除用戶名和年齡，這只是暫時給出的，我也不需要存盤它們在資料庫中也是如此。除了使用 Ajax 之外，是否有任何想法？任何幫助將不勝感激！
function submitForm(){
if (document.getElementById("age").value > 10){
document.getElementById("postNameText").innerHTML = document.getElementById("name").value;
document.getElementById("form2").style.display = "block";
} else {
document.getElementById("showData").innerHTML = "You are not eligible to use this site.";
}
document.getElementById("showData").style.display = "block";
document.getElementById("form1").style.display = "none";
}<form id="form1">
<input type="text" name="name" id="name" placeholder="Name">
<input type="number" name="age" id="age" placeholder="Age">
<button type="button" onclick="submitForm()">Send</button>
</form>
<h2 id="showData" style="display: none;">Your name is <span id="postNameText"></span> and you are eligible to use this site.</h2>
<form action="process.php" method="post" style="display: none;" id="form2">
<input type="email" name="email" id="email" placeholder="Email">
<input type="submit" value="Submit" id="submitData">
</form>謝謝！
uj5u.com熱心網友回復：
試試這個！
function submitForm(){
if (document.getElementById("age").value > 10){
document.getElementById("postNameText").innerHTML = document.getElementById("name").value;
document.getElementById("form2").style.display = "block";
} else {
document.getElementById("showData").innerHTML = "You are not eligible to use this site.";
}
document.getElementById("showData").style.display = "block";
document.getElementById("form1").style.display = "none";
}<form id="form1">
<input type="text" name="name" id="name" placeholder="Name">
<input type="number" name="age" id="age" placeholder="Age">
<button type="button" onclick="submitForm()">Send</button>
</form>
<h2 id="showData" style="display: none;">Your name is <span id="postNameText"></span> and you are eligible to use this site.</h2>
<iframe src="email.html" frameborder="0" id="form2" style="display: none;"></iframe>將您的第二個表單包含在一個名為的新 HTML 檔案中email.html，這將防止頁面重新加載。
謝謝和最好的問候！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/459154.html
標籤：javascript php html sql