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;
});

请参阅docs。

假设你已经这样做了，ajaxForm()（只准备它但不提交它）可以采取任何$.ajax options所以：

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

jquery回调函数

3 个答案: