我有一个名为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">
创建一个隐藏的iframe:
<iframe id="my_hidden_iframe" style="display:none;></iframe>
然后将表单的目标设置为此iframe,并为表单设置onSubmit:
<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((隐藏表单并添加一条欢迎消息:
函数submit_form_function(({$('#my_form'(.hide((;$('#my_welcome_message'(.show((;}
上面的代码使用JQuery,你也可以在没有JS库的情况下做到这一点:
函数submit_form_function(({document.getElementById('my_for'(.style.display='none';document.getElementById('my_welcome_message'(.style.display='block';}