ページを送信する際に現在のページに留まるが、新しい項目を表示するPHP

Question

私はfile.phpという名前のページを持っています。その中にはフォームがありますが、ページが送信されるとこのページ自体とフォーム表示しないでください。代わりに、「ようこそ」というメッセージが表示されます。

サンプルコード

<form name="fn" method="post" action="postib.php"> 
    <table align="center" border="1" > 

<TR><TD>Job Title</TD><TD><input type="text" name="jobtitle"/></TD></TR> 
    <TR><TD>Job Description</TD><TD><input type="textarea" name="jobdescription"/></TD></TR> 
     <TR><TD>Location</TD><TD><select name="locid" id="locid" size="1"  style="width:190px;" onchange="showsub();"><option value="1" title="Any Location">Any Location</option> 
     <input type="submit"> 

Answer 1

が非表示のiframeを作成されています。これはiframeにフォームのターゲットを設定し、フォームのためのonSubmitを設定すると

<iframe id="my_hidden_iframe" style="display:none;></iframe> 

を：

<form id="my_form" target="my_hidden_iframe" onSubmit="submit_form_function();"> 

デフォルトで非表示になっているウェルカムメッセージdivを作成します。

<div id="my_welcome_message" style="display: none;">Welcome...</div> 

次に（submit_form_functionを持っている）は、フォームを隠し、ウェルカムメッセージを追加：上記のコードはjQueryのを使用して、あなたはまた、JSライブラリなしでこれを行うことができます

 
function submit_form_function() { 
    $('#my_form').hide(); 
    $('#my_welcome_message').show(); 
} 

を：

 
function submit_form_function() { 
    document.getElementById('my_form').style.display = 'none'; 
    document.getElementById('my_welcome_message').style.display = 'block'; 
}