jquery toggle между формами

Question

У меня закончились идеи для этого задания для класса. Мне нужно было создать две формы PHP, используя PHP_SELF, и я предполагаю использовать javascript или jquery для переключения между формами. Я попытался с помощью

<a href="#" onclick="document.getElementById('form1').style.display = 'block'; document.getElementById('form2').style.display = 'hidden';">Form 1</a> 
<a href="#" onclick="document.getElementById('form1').style.display = 'hidden'; document.getElementById('form2').style.display = 'block';">Form 2</a> 

Это делает работу по изменению формы, однако, когда я нажимаю кнопку отправки формы он возвращается, чтобы сформировать 1 и не отображает результаты. Я должен выяснить, после того, как форма была отправлена ​​с использованием PHP_SELF, как заставить ее оставаться в этой форме, чтобы показать результаты, сгенерированные сервером.

Answer 1

Вы можете добавить скрытое поле в форме под названием formId и имеют PHP эхо его обратно, так что вы знаете из Javascript результаты, которые формируют в вы читаете:

<?php 
    ... 
    if (isset($_POST['formId'])) 
    { 
     $show = 'form1' == $_POST['formId'] ? 'form1' : 'form2'; 
     $hide = 'form1' == $_POST['formId'] ? 'form2' : 'form1'; 
     // This PHP must be inside the Javascript section of the page, at end. 
     print <<<SETVISIBILITY 

\$('#$show').style.display = 'block'; // Should be unnecessary (?) 
\$('#$hide').style.display = 'hidden'; 

SETVISIBILITY; 
    } 
?> 

Или вы можете сделать ВВЕСТИ и результат отображает все в jQuery, так что вам не нужно перезагружать страницу, теряя видимость вашей формы.

Answer 2

Вам нужно использовать что-то вроде этого

if($_POST){ 
//display success message here 
}else{ 
//display form here 
}