0

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

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

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

有任何想法吗

4

3 回答 3

3

我很快浏览了API并找到了这个。（啧……啧）

抱歉，但始终记得浏览 API。它将为您节省很多痛苦。

$('#form1').ajaxForm({
    success: function() {
        alert("Success!");
    }
});
于 2010-01-26T01:07:53.047 回答
2

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

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

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

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

于 2010-01-26T01:57:36.627 回答
0

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

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

请参阅文档。

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

$("#form1").ajaxForm({
  success: function() {
    alert("Thank you for your comment");
  }
});
于 2010-01-26T01:08:31.733 回答