用jQuery发送表单

Question

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

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

1. 使用class =“error”检查表单中是否有任何锚标记。
2. 如果存在则不执行任何操作。
3. 然后执行表单操作和方法（method = post action =“file.php”）。
4. 包含div的slideUp
5. 延迟2秒
6. 淡入div id =“形成成功消息”

我对if语句还不是很强，可以使用一些指导。

Answer 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>