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

你得到了一个错误'ajaxForm不是一个函数‘？您记得添加了引用ajaxForm jquery的脚本标记吗？在脚本标记引用主jquery文件之后，您需要这样做：

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

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

如果这不起作用，您可以尝试将$ jquery符号替换为'jQuery‘(区分大小写！)，以检查是否可以在其他脚本中重新定义$。

Answer 2

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

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

见文档。

假设您已经这样做了，ajaxForm() (它只准备它，但不提交它)可以接受任何选项，因此：

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