Javascript 使用jquery隐藏和提交表单

如何隐藏表单并使用jquery提交该表单？ 这有可能吗？

是的，有可能：

在您的HTML页面上： 如果您的表单包含“提交”按钮，并且您希望在按下“提交”按钮时隐藏该表单，则您可以监听“提交”事件并按如下方式处理它：

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

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

  return false;
});

---

你想干什么？一些骗局

---

您可以将表单放置在隐藏的div中，并使用$（document）.ready事件，您可以自动提交表单。

由于您添加了jquery ajax标记，我想您希望通过ajax提交表单。在这种情况下，您可能正在寻找以下内容：

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

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

  return false;
});

---

您是指表单中已插入数据的字段，例如由开发人员硬编码的字段吗

如果是这种情况，只需在输入字段中设置一个id，并使用硬编码的值。然后将其显示设置为“无”。使用Jquery将数据解释为正常数据

---

您也可以在jquery脚本中创建一个变量，并避免所有这一切。

我认为顺序正好相反：先隐藏，然后提交。我相信它应该从一开始就隐藏起来，但在这种情况下我可能错了。我认为代码将提交表单两次，一次使用ajax，一次不使用ajax。@t查看已接受的答案，您似乎是对的。