2014-01-23 114 views
0

假設我有一個表格,要求提供姓名和考試結果。我想讓表單消失並在用戶點擊提交時顯示另一個div。PHP按下提交按鈕後如何讓表格消失

繼承人的表單代碼

<form action="exam.php" method="post" id = "coursedata" class="form-horizontal"> 
<fieldset> 
<legend>Please Complete the Details</legend> 
    <div class ="form-group"> 
     <label for="name" class="control-label col-xs-2">Student name</label> 
     <div class="col-xs-6"> 
     <input type="text" name="name" id="name" size="20" class="form-control" autofocus required pattern = "[A-Z][a-z]+([A-Z][a-z]+)?" title="Please enter a name (Surname optional) with First Letter capitalised"> 
     </div></div> 
    <div class ="form-group"> 
     <label for="CA1" class="control-label col-xs-2">Assessment One</label> 
    <div class="col-xs-6"> 
     <input type="number" class="form-control" min = "0" max = "100"name="CA1" id="CA1" size="3" maxlength ="3" onkey ="limit(this);" onkeyup="limit(this);" required> 
    </div></div> 
<div class="buttonarea"> 
     <input type="submit" value="Submit" name = "Submit"> 
     <input type="reset" value="Clear the Info"> 
</div> 
</fieldset> 
</form> 
+3

需要Javascript這一點。您還需要了解服務器端和客戶端之間的區別。這在網絡開發領域非常重要。 –

+0

爲什麼需要JavaScript?爲什麼+3爲這個,當COURSE沒有JavaScript需要在這裏? –

回答

1

的捷徑(asuming這種形式和exam.php是相同的文件...):

<?php 
    if (!isset($_POST['Submit'])) { 
?> 
Your form code 
<?php 
    } 
    else { 
     // form engine 
     echo "<div>SUCCESS</div>"; 
    } 
?> 

希望它能幫助:)。 PS。對於你的問題,這是一個嚴格的答案,是否還有很多其他問題,例如如何處理表格,如何驗證等等。但這是答案的另一面;)。最好的祝福 :)。

+0

似乎在正確的道路上,但是當我添加它時,它總是顯示成功文本而不是顯示錶單。 – user3216557

+0

信箱呢? name =「submit」與$ _POST ['submit']相同嗎?它應該工作:)。 –

+0

是啊,在這兩個帽子。它是關於類型,價值還是名稱?無論如何都有帽子。繼承人全貼。 http://pastebin.com/Ffy3fF0M – user3216557

0

對此(JavaScript庫)使用jQuery

拷貝在head部分

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('button[type="submit"]').click(function(){ 
       $("#coursedata").hide(); 
       return false;   
      }) 
     }) 
    </script> 
+0

必須是PHP抱歉。 – user3216557

+0

ok,然後嘗試Jacek的解決方案,只需用!!isset($ _ POST ['name']'或其他必需的變量替換'!isset($ _ POST ['Submit']') – 2014-01-23 17:09:28

+0

是的,這也應該做到這一點:) 。 –