如何在表單提交時用文本替換表單？

我想，當有人提出它（並通過了所有的錯誤檢查）和文本替換它在哪裏，並說像「謝謝您的確認郵件已發送」如何在表單提交時用文本替換表單？

什麼是我的一些形式消失我將能夠做到這一點？

我有形式的工作和錯誤檢查和一切工作，所有我需要做的是讓它消失，當用戶點擊提交..

我使用PHP的，謝謝！如果你正在使用AJAX提交

2010-12-14 George

您是否提交表單提交AJAX或標準格式？ – Nicole 2010-12-14 21:03:25

我使用標準 – George 2010-12-14 21:10:14

使用** element **。style.display使表單元素不可見。可能是最簡單的方法。如果你想留在同一頁面上，請確保你使用AJAX來激活你的PHP代碼。另外，請確保您的按鈕不是鍵入「提交」。它應該是「按鈕」，否則它會提交，你會失去網頁。 – Lockhead 2010-12-14 21:12:08

var td = document.forms.contact.parentNode 
if (td.innerHTML) { 
    td.innerHTML = "your message" 
} else { 
    td.textContent = "your message" 
}

，把它在結束如果您使用的是基本形式，把它作爲一個功能，在窗體的onsubmit屬性

例子：

<form onSubmit="emptyForm();"

來源

2010-12-14 21:12:02 cslavoie

你將需要使用一些Javascript來：
1.）通過AJAX提交表格，
2.）更改元素的內容持有表格

<div id='myForm_container'> 
    <form id='myForm'> 
     <input id="name" name="name"> 
     <input id="email" name="email"> 
     <input type=submit id='mySubmit'> 
    </form> 
</div> 

<script> 
    $('#mySubmit').click(function(){ 
     //do your validation and if passes: 
     $.post("form_submit.php", { name: $('#name').val(), email: $('#email').val()}, 
     function(data){ 
      $('#myForm_container').html(data); 
     }); 
    }); 
</script>

來源

2010-12-14 21:12:08 FatherStorm

在這種情況下，您將有form_submit.php返回您想要替換窗體的HTML。 – FatherStorm 2010-12-14 21:14:20

我沒有測試http://www.sligroup.ca/contact_us.php上的表格，因爲我不想發送一條毫無意義的消息。

你所要做的所有事情都包括了你在pif塊中輸出表單html源代碼的腳本部分，檢查orm是否已經正確提交。沒有JavaScript需要。

簡單的例子：

$validFormSubmitted = validateform(); 
... 
if(!$validFormSubmitted){ 
echo $formText; 
}

[編輯：這將刷新頁面，而不形式。你說你想要一個PHP解決方案，但如果你不想重新加載頁面，你將不得不使用AJAX]

來源

2010-12-14 21:18:03

我不太明白你的意思...什麼是$ formText？ – George 2010-12-14 21:45:30

$ formText是你應該把你的窗體的HTML。 – 2010-12-15 08:18:21

如何在表單提交時用文本替換表單？

回答

相關問題