Jquery Button使表單可見

Question

我想問一下如何在單擊按鈕時使表單不可見？所以，如果我有一個名爲「隱藏」的按鈕和一個帶有許多按鈕，文本框等的表單，那麼當我單擊「隱藏」按鈕時，它將隱藏所有窗體和所有東西，如文本框，按鈕等我有谷歌它，但沒有結果。我接受Jquery，JS或php語言的答案，因爲我正在使用該語言程序。

比如我的形式是這樣的：

<form name="myform" method="post" action="<?php $_SERVER['PHP_SELF']; ?>"> 
    <table> 
     <tr> 
      <td>ID</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="clientid" /></td> 
      <td><input type="submit" name="cariclientid" value="Search" /></td> 
      <td width="50px"></td> 
      <td>ID</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="orderid" /></td> 
      <td><input type="submit" name="cariorderid" value="Search" /></td> 
     </tr> 
     <tr> 
      <td>No.</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="veh" /></td> 
      <td><input type="submit" name="carikendaraan" value="search" /></td> 
      <td></td> 
      <td>Nama Sopir</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="sopir" /></td> 
      <td><input type="submit" name="carisopir" value="Cari" /></td> 
     </tr> 
     <tr> 
      <td>Waktu Berangkat</td> 
      <td>:</td> 
      <td><input type="text" name="tglb" id="datetimepicker" /></td> 
      <td><input type="submit" name="cariberangkat" value="Cari" /></td> 
      <td></td> 
      <td>Waktu Pulang</td> 
      <td>:</td> 
      <td><input type="text" name="tglp" id="datetimepicker2" /></td> 
      <td><input type="submit" name="caripulang" value="Cari" /></td> 
     </tr> 
    </table> 
</form> 

也許有一種方法，使不可見的按鈕？

Answer 1

你想是這樣的：

// code for only hide 
$('#hide_button').on('click', function() { 
    $('form[name="myform"]').hide(); 
}); 

Demo for hide

和撥動一個按鈕的形式，你可以嘗試：

$('#your_button').on('click', function() { 
    $('form[name="myform"]').toggle(); 
}); 

Demo for toggle

---

根據comment

爲了防止提交：

$('form[name="myform"]').submit(function(e) { 
    e.preventDefault(); 
    // Your code 
}); 

在這裏看到.perventDefault()