Question

I want to create a function to handle form submission.

Ideally it would work like this:

1. checks form for any anchor tags with a class=”error”.
2. If it exists then do nothing.
3. Else then perform the form action and method(method=post action=”file.php”).
4. slideUp containing div
5. Delay 2 seconds
6. fade in div id=”form success message”

I am not that strong with if statements yet and could use some guidance.

Answer 1

Untested, but should give you direction.

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