使用 jQuery 发送表单 [关闭]答案

【问题标题】：sending form with jQuery [closed]使用 jQuery 发送表单 [关闭]
【发布时间】：2011-05-27 18:13:57
【问题描述】：

我想创建一个函数来处理表单提交。

理想情况下它会像这样工作：

检查表单是否有任何带有 class="error" 的锚标记。
如果存在，则什么也不做。
然后执行表单操作和方法（method=post action="file.php"）。
slideUp 包含 div
延迟 2 秒
淡入 div id="form success message"

我还不太擅长 if 语句，可以使用一些指导。

【问题讨论】：

我的建议是从各种教程开始，然后阅读官方文档并阅读所使用的功能。这里的人不会只为你编写代码。
“请发送代码”类型的问题在这里不被接受。正如 Dave 所说，谷歌并遵循教程，那里有很多。
@Dave 我没想到有人会这样做。我正在寻找一些帮助，而不是答案。我已经阅读了文档，并且可以设置一个 if 语句来执行警报和类似的小事情。我没有问题显示、隐藏和延迟。或多或少只是在寻找有关如何让 jQuery 执行表单操作的帮助...我知道 .sumbit 但不知道如何将其链接到 html 方法和操作。
“if 语句没那么强”与这组要求不兼容！
@patrick 是的，如果你能把你的问题缩小一点，你会得到更多的支持。

标签： php jquery forms

【解决方案1】：

未经测试，但应该给你指导。

<form method="post" action="file.php" target="iframe">
...
</form>

<iframe src="about:blank" name="iframe" style="width: 1px; height: 1px; position: absolute;" frameborder="0"></iframe>

<div id="form_success_message" style="display: none;"></div>

<script type="text/javascript">
$("form").submit(function() {
    if ($("a.error", this).length > 0)
        return;
    $(this).parent().slideUp("2000", function() {
        $("#form_success_message").fadeIn("slow");
    });
});
</script>

【讨论】：

谢谢 dtbarne！这应该足以让我前进。一点帮助会有很长的路要走。干杯。
我想我真的不需要用 jQuery 处理表单提交，因为它的 sumbit 按钮应该自己完成。使用 .length 检查 a.error 确实是我需要的。干杯。