jquery回调函数

Question

我有一个表格，它已验证并成功提交。 我想要的只是在表单成功提交后将函数回调为“成功”。这是我到目前为止所拥有的，但没有运气：

$(document).ready(function() {
$("#form1").validate({
        rules: {

                email1: {// compound rule
                        required: true,
                        email: true                 
                }
)};
$('#form1').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
                //document.getElementById("popup").innerHTML = "Thank You!!"
            }); 
    });

这是我的表单输入：

<input name="email1" size="22" type="text"/>

非常感谢任何想法！

---

感谢您的回复。它对我来说效果不佳，因为我试图在此 dhtml 淡出效果中显示“成功”： http ://dhtmlpopups.webarticles.org/fade-effects.php

我几乎陷入困境，试图找到一种方法让警报（成功）在淡出中打印出来。

任何想法

Answer 1

我快速浏览了 API 并找到了这个。 (tsk.. tsk)

抱歉，但请务必记住浏览 API。它会给你省去很多痛苦。

$('#form1').ajaxForm({
    success: function() {
        alert("Success!");
    }
});

Answer 2

您收到错误“ajaxForm 不是函数”？您是否记得添加引用 ajaxForm jquery 插件的脚本标记？在你的脚本标签引用主 jquery 文件之后，你需要这个：

<script type="text/javascript" src="jquery.form.js"></script>

当然 src 指向一个真实的文件。 AjaxForm 不是 jQuery 核心的一部分。

如果这不起作用，您可以尝试用“jQuery”替换 $ jquery 符号（区分大小写！），以检查 $ 是否可以在任何其他脚本中重新定义。

Answer 3

首先，您需要通过 AJAX 提交：

$("#form1").submit(function() {
  $(this).ajaxSubmit();
  return false;
});

请参阅文档。

假设您已经这样做了，ajaxForm()（仅准备但不提交）可以采用任何 $.ajax 选项 所以：

$("#form1").ajaxForm({
  success: function() {
    alert("Thank you for your comment");
  }
});