使用jQuery隱藏和提交表單

Question

如何隱藏表單並使用jquery提交該表單？ 這可能嗎？

Answer 1

對的，這是可能的：

在您的HTML頁面上：

<form id="my-form">
</form>

<a href="javascript:void(0);" id="submit">Submit</a>

您的腳本：

$(document).ready(function() {
  $("a#submit").click(function() {
    $("#my-form").hide(); 
    $("#my-form").submit();
  });
});

如果您的表單包含一個“提交”按鈕，並且您希望在按下“提交”按鈕時隱藏該表單，那么您可以偵聽Submit事件並按以下方式進行處理：

  $("#my-form").submit(function() {
    $(this).hide();
    return true;
  });

Answer 2

你想做什么？ 有騙局嗎

您可以將表單放置在隱藏的div中，並使用$（document）.ready事件，可以自動提交表單。

Answer 3

由於您已經添加了jquery-ajax標記，所以我想您想通過AJAX提交表單。 在這種情況下，您可能正在尋找這樣的東西：

$("#your-form-id").submit(function(){
  $.ajax({
    type: "POST",
    url: "some.php",
    data: $(this).serialize(),
    success: function(){
       $("#your-form-id").hide();
    } 
  });

  return false;
});

Answer 4

您是說表格中的字段已經插入了數據嗎？ 由開發人員硬編碼嗎？

如果是這種情況，只需在輸入字段中設置一個id，並將其值硬編碼進去。然后將其顯示設置為“無”。 使用您的Jquery正常解釋數據。

您也可以只在jquery腳本中創建一個變量，避免所有這些。